StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCreating an Office 2010 sidebar like menu in WPF
primarykey
Id
11811968
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-08-04T20:58:37.503
FavoriteCount
0
LastActivityDate
2012-09-27T08:25:42.030
LastEditDate
2012-08-04T21:11:10.190
LastEditorUserId
1446484
OwnerUserId
1446484
ParentId
0
PostTypeId
1
Score
0
ViewCount
1330
LastEditorDisplayName
text
Body
<p>I'm relatively new at WPF and I've finally started making my first application with navigation. However I'm stuck at one particular thing. I'd love to create a vertical menu like the one in the Office 2010 sidebar. Like this (nb, I'm not interested in a ribbon to go with that, just a simple menu):</p> <p><img src="https://i.stack.imgur.com/le6l1.png" alt="enter image description here"></p> <p>Which has a hover effect like this:</p> <p><img src="https://i.stack.imgur.com/d3OnZ.png" alt="enter image description here"></p> <p>I guess this is probably a walk in the park for those good at XAML, however I'm stuck, stuck as can be, I've tried googling, tried getting it in Blend and VS but I'm stuck.</p> <p>I don't need the triangle on the right, just a square "button" with a hover like the one seen above would make me a really happy camper. </p> <p>So, any hints and pointers as to what I should look for or read up on?</p> <p>What I have so far (however I'm not sure it's even right) is this:</p> <pre><code> <Button Content="Choice One!" Margin="204,153,231,0" VerticalAlignment="Top" Background="{x:Null}" BorderBrush="{x:Null}"/> <Button Content="Choice One!" Margin="204,191,231,0" VerticalAlignment="Top"> <Button.BorderBrush> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <LinearGradientBrush.RelativeTransform> <TransformGroup> <ScaleTransform CenterY="0.5" CenterX="0.5" ScaleY="1.09" ScaleX="1"/> <SkewTransform AngleY="0" AngleX="0" CenterY="0.5" CenterX="0.5"/> <RotateTransform Angle="-179.963" CenterY="0.5" CenterX="0.5"/> <TranslateTransform Y="0.045"/> </TransformGroup> </LinearGradientBrush.RelativeTransform> <GradientStop Color="Black" Offset="0"/> <GradientStop Color="White" Offset="1"/> </LinearGradientBrush> </Button.BorderBrush> <Button.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFCACACA" Offset="0"/> <GradientStop Color="WhiteSmoke" Offset="1"/> </LinearGradientBrush> </Button.Background> </Button> </code></pre> <p>All help is appreciated. :)</p> <p>//JaggenSWE</p>
Tags
<wpf><xaml><menu><wpf-controls>
Title
Creating an Office 2010 sidebar like menu in WPF
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJaggenSWE
UserOwnerUserId
1. USJaggenSWE
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. CODo you have any existing XAML to work with?
  singulars
  PostPostId
  POCreating an Office 2010 sidebar like menu in WPF
  UserUserId
  USBoltClock
2. COSorry, I added that now.
  singulars
  PostPostId
  POCreating an Office 2010 sidebar like menu in WPF
  UserUserId
  USJaggenSWE

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.