Hello guys:
I'm trying to do an application, similar to OutlookBar.
I have two columns.
In the left column, i have this code:
<toolkit:DockPanel Grid.Column="0"><ob:OutlookBar HorizontalAlignment="Left" Name="OutlookBar" VerticalAlignment="Stretch" Width="300"><ob:OutlookBarButton Header="Menú 1"><Grid Margin="5,5,5,5"><StackPanel Orientation="Vertical"><ListBox><ListBoxItem Tag="M1OP1" Content="Opción 1.1"></ListBoxItem><ListBoxItem Tag="M1OP2" Content="Opción 1.2"></ListBoxItem><ListBoxItem Tag="M1OP3" Content="Opción 1.3"></ListBoxItem><ListBoxItem Tag="M1OP4" Content="Opción 1.4"></ListBoxItem><ListBoxItem Tag="M1OP5" Content="Opción 1.5"></ListBoxItem></ListBox></StackPanel></Grid></ob:OutlookBarButton><ob:OutlookBarButton Header="Menú 2"><Grid Margin="5,5,5,5"><StackPanel Orientation="Vertical"><ListBox><ListBoxItem Tag="M2OP1" Content="Opción 2.1"></ListBoxItem><ListBoxItem Tag="M2OP2" Content="Opción 2.2"></ListBoxItem><ListBoxItem Tag="M2OP3" Content="Opción 2.3"></ListBoxItem><ListBoxItem Tag="M2OP4" Content="Opción 2.4"></ListBoxItem><ListBoxItem Tag="M2OP5" Content="Opción 2.5"></ListBoxItem></ListBox></StackPanel></Grid></ob:OutlookBarButton><ob:OutlookBarButton Header="Menú 3"><Grid Margin="5,5,5,5"><StackPanel Orientation="Vertical"><ListBox><ListBoxItem Tag="M3OP1" Content="Opción 3.1"></ListBoxItem><ListBoxItem Tag="M3OP2" Content="Opción 3.2"></ListBoxItem><ListBoxItem Tag="M3OP3" Content="Opción 3.3"></ListBoxItem><ListBoxItem Tag="M3OP4" Content="Opción 3.4"></ListBoxItem><ListBoxItem Tag="M3OP5" Content="Opción 3.5"></ListBoxItem></ListBox></StackPanel></Grid></ob:OutlookBarButton><ob:OutlookBarButton Header="Menú 4"><Grid Margin="5,5,5,5"><StackPanel Orientation="Vertical"><ListBox><ListBoxItem Tag="M4OP1" Content="Opción 4.1"></ListBoxItem><ListBoxItem Tag="M4OP2" Content="Opción 4.2"></ListBoxItem><ListBoxItem Tag="M4OP3" Content="Opción 4.3"></ListBoxItem><ListBoxItem Tag="M4OP4" Content="Opción 4.4"></ListBoxItem><ListBoxItem Tag="M4OP5" Content="Opción 4.5"></ListBoxItem></ListBox></StackPanel></Grid></ob:OutlookBarButton><ob:OutlookBarButton Header="Menú 5"><Grid Margin="5,5,5,5"><StackPanel Orientation="Vertical"><ListBox><ListBoxItem Tag="M5OP1" Content="Opción 5.1"></ListBoxItem><ListBoxItem Tag="M5OP2" Content="Opción 5.2"></ListBoxItem><ListBoxItem Tag="M5OP3" Content="Opción 5.3"></ListBoxItem><ListBoxItem Tag="M5OP4" Content="Opción 5.4"></ListBoxItem><ListBoxItem Tag="M5OP5" Content="Opción 5.5"></ListBoxItem></ListBox></StackPanel></Grid></ob:OutlookBarButton><ob:OutlookBarButton Header="Salir"></ob:OutlookBarButton></ob:OutlookBar></toolkit:DockPanel>
My idea is, depending of the item selected (ListBoxItem), show in the right column, a Grid, with a some UserControl.
I have this code:
<toolkit:DockPanel Grid.Column="1"><Border Padding="5,0,5,0"><Grid><uc:UserControl_OpcionUno x:Name="M1OP1"/></Grid></Border></toolkit:DockPanel>
I would like to complete my idea and try to have something like (ListBoxItem, Grid(UserControl)). I mean, if i selected the ListBoxItem M1OP1, the right column shows the Grid M1OP1. If i selected the ListBoxItem M1OP2, the right column shows the Grid M1OP2.
Hope you understand me.
Thank you for the support and sorry for my english. It's not my 1st language.
Greetings!
Sergio