In the page of Microsoft, I see the type of menu like the image. Please I want to know how to do pivot menu like this.
I want to make a pivot menu like this image in bottom of page.
There's an issue open for this in the UWP Community Toolkit to provide a style for this type of tab.
I have a branch here with some initial work. Here's my current work on that style.
To get them on the bottom though, you'll need to modify the default pivot style and move the ItemsPresenter above the PivotHeaderPanel in the PivotLayoutElement Grid.
Related
my goal is get page like from image. controlView in top and in the bottom and i the middle tabbed page.
a image link
Do you have any idea how to do this?
I don't think you can achieve anything like that with the out of the box TabbedPage, as the tabs can only be placed on the bottom of the screen (can't add extra content view between tabs and the edge of the screen).
I would suggest to try the Sharpnado so called "pure" tabs. You can read more about these in here https://www.sharpnado.com/pure-xamarin-forms-tabs/. They also have a test app, that shows the capabilities of the Sharpnado.Presentation.Forms nuget.
EDIT: The above nuget also has a CarouselView layout available. Read more...
In my app i have a SplitView and set the content as Frame for each page. Each page contains its own CommandBar. This works without issue. Now i am creating VisualStates for a mobile view. In it i want to hide the PlitView in the closed state (inline). But now i need a way to add only the "HamburgerButton" (in my case a RadioButton), on the top, for opening the inline SplitView. I have done it also, but the "HamburgerButton" is overlapping each pages Text on the CommandBar. So what is the best solution, create only one CommandBar on the MainPage (where my SplitView is) and bind the content, or create a CommandBar for each Page?
Best regards
I think creating one CommandBar in the MainPage and binding the content may requires more work. Don't forget that you may need to bind the Primary and Secondary Buttons too.
If you want to use a CommandBar in each page and one HamburgerMenu in MainPage, you can try this method.
Create a separate top Row in the Grid for the CommandBar to occupy.
Horizontally stack a transparent Rectangle of width equal to your "HamburgerButton" along with the CommandBar and place it in the above created row.
Create VisualStates to trigger on Phone and set the visibility of the Rectangle accordingly to shift the CommandBar to the right.
Check out Template10 PageHeader Control (Search for "VisualStateNarrow" and "Spacer" in particular). If you are not particular about developing these boilerplate code yourselves, check out Template10. It has many helpful controls developed by the community. Please pardon me if you already knew about this.
You can creat the Page TOP bar and in MainPage use the splitview.
I'm trying to create a user control, using the expander control and I want to change only the appearance of expander icon.
could someone please tell me how to do.
There is not direct way to do that. You need to write the whole Template for the control.
As mentioned by #Noam, the Codeproject Article is really good to go. But, the problem is, it wont work for different ExpandDirection of Expander. I have modified a bit to make it work on all directions. You can make use of the following if needed.
Expander with animation that support all direction
Also, you can modify the Arrow icon of Expander as you like.
Hi i am working in Silver light I ran into an issue where I had more tab items than could fit within the desired width of my tab control. Instead of all the tab items appearing on a single line, they would wrap and create a multiline affect which I did not want.
1. I wanted the user to be able to scroll through the tab items
Can you all help with this? please correct my direction and with sample code.
I am using the WPF expander like a drawer, it expands up out so that the header remains above the content. When it is collapsed the grid cell that it is in is made smaller as well.
I want the expand direction to remain down so that the content fills in below it, however because it moves up it would look better if the icon with the directional arrow were in the opposite direction as if the ExandDirection property were set to Up. How can this be done in either C# code or in the XAML.
Thanks
If I understand correctly that you want to swap arrows for expander collapsed/expanded state, you'll need to create a custom control template for expander.
The easiest way I know to do that is to get expander control template from wpf theme and rename styles:
ExpanderUpHeaderStyle to
ExpanderDownHeaderStyle
ExpanderDownHeaderStyle to
ExpanderUpHeaderStyle
You can download themes sources from here
http://msdn.microsoft.com/en-us/library/aa358533(VS.90).aspx
If you'll have any issues with that, let me know what wpf theme are you using and I'll make you the xaml.
Also have a look how to customize Expander with Blend
http://www.c-sharpcorner.com/uploadfile/dpatra/807/default.aspx