Edge-like tab bar in XAML for universal app - xaml

Is there a good way to achieve similar dynamic tab in XAML like in Edge browser where tabs are added dynamically? I know that the Pivot can be used for static tabs. More specifically, I need a solution that accounts for situation when there are too many tabs.

An Hoa,
Follow these,
Create a grid with two row definitions.
First row definition is to create controls like
Second row definition is to create a empty layout.
In the first row definition, create a stack panel and add a grid inside it with textblock to display the website name for ex.
Create a + button.
On click of + button, create a same grid with text block and add the control as child element to the stack panel which is present inside the first row definition.
Follow the same for empty layout also which is present in the second row definition.

The Windows Community Toolkit now offer support of this control:
The documentation for this new controls is located here:
https://learn.microsoft.com/en-us/dotnet/api/microsoft.toolkit.uwp.ui.controls.tabview?view=win-comm-toolkit-dotnet-stable
And some code samples are located here:
https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/TabView

Related

Oracle Forms Tab Detail

I am using Oracle Forms. I want to know how to determine which tab the user is on at run time.
For example: I have created four tabs in my canvas A,B,C,D. At run time, how do I get to know which tab is currently being accessed by the user?
With
Get_Item_Property(:system.cursor_Item, ITEM_CANVAS)
you can get the canvas name of the item. This will return the name of the tab control page. If you use the following command with this name:
GET_CANVAS_PROPERTY(canvas_name,TOPMOST_TAB_PAGE);
you will get the name of the tab that is activated at this moment

Windows 8.1 Store: 2 ListViews Drag and Drop + Reorder

I have a simple Windows Store App where I can drag and drop between two lists. See that awesome code below. :)
Now, as you can see I can reorder inside a given list. However, when I drag over a list, reorder does not occur. What do I need to do to have this happen? Will I need to create a custom control of sorts?
http://andrewherrick.com/spike/app1.zip
See my screenshot below: as I am dragging "Jax" and about ready to drop into list 2, I want "Andrew" and "Slick" to fly out, just like what happens when you reorder inside a given list.

Hide few fields in EditForm.asx of Picture Library in sharepoint 2010

I have a picture library and added few fields to it. When i click add new item from picture library, the EditForm.aspx appears after uploading the picture. This form contains many fields of which I want to hide Title, Date Picture Taken, Description, and Keyword. In short the EditForm should contain only Name, Preview and the columns that I have added. Is it possible to hide the other columns? I want to perform this out of the box.
Several possibilities.
You can use SharePoint Designer to manipulate the NewForm, EditForm and DisplayForm. Edit the existing form, use CSS to set the out of the box HTML form to hidden, then add a new custom form to the page and remove the columns you don't want to see.
If you don't want to use these columns at all, just delete them in the Library settings
If you don't want to delete the columns, click the parent content type in the Library settings, then edit each column and set it to "hidden"
Check this out: http://sarangasl.blogspot.in/2009/10/hide-column-in-edit-new-or-display-mode.html
I found this solution to be really simple and effective. Very well documented and descriptive.

windows 8 app page that has list and details

I am now designing a page for a windows 8 app.
the page has 2 parts, the left part will be like a list, when user select one item in the list, the right part will show the content based on the selection.
but I want to select different item in the left will display the different data in the right. For example, maybe select first item in the list, some text blocks will display on the right. select second item , an image will display on the right.
the data in the behind is a class which has some properties. I just want show this properties based on the selection in the list
so how to implement this? anyone has any idea?
thanks!
In the item template, create controls in separate panels for each different data type: text, image, video, etc. Then you can use a converter on each panel to inspect the data that it is bound to and show/hide the panels where appropriate. Depending on your data source, you might be evaluating either the class type or a property that contains an enumerated value that reveals the type, or maybe some more complex evaluation of the state of the class's properties.
One of the templates that comes with Visual Studio Express for Windows 8 supports this list and details view - look at the Split App template.
For more information, see:
http://msdn.microsoft.com/en-us/library/windows/apps/hh738343.aspx

Creating A Multiline StackPanel

I'm trying to create a stackpanel in WinRT that will wrap to the next line when needed. I've tried WrapGrid and VariableSizeWrapGrid but seem to be having issues with the item size and layout.
My aim is to have a list of names separated by a "," that when I click on the name I can navigate to a new page with the Item passed as the navigation argument.
I Don't Want The Items
To Line Up Like This
Which happens if I use a grid. Instead I want something like
Name 1, Name Two, Name ThreeName Four, Name Five, Name Six
And clicking on a name fires an event. Each "Name" is a separate item in a collection.
My first thought is that that doesn't sound very metro-esk. That being said, this library has what you want.
WrapPanel - WrapPanel ported from Silverlight. Allows variable sized
controls and wraps to a new line when needed.
There is a post about where it came from plus a sample app located here.
If this isn't quite what you need you should be able to modify it to what you want fairly easily.