How to change content?

[Martin]

Very simple question. How do I statically change content? I figured something like this example:

 

01.<telerik:RadNavigationView HorizontalAlignment="Stretch" PaneHeader="Header" VerticalAlignment="Stretch">
02.            <telerik:RadNavigationView.Items>
03.                <telerik:RadNavigationViewItem Content="Navigation item 1">
04.                    <StackPanel>
05.                        <Label Content="Test 1"/>
06.                    </StackPanel>
07.                </telerik:RadNavigationViewItem>
08.                <telerik:RadNavigationViewItem Content="Navigation item 2">
09.                    <StackPanel>
10.                        <Label Content="Test 2"/>
11.                    </StackPanel>
12.                </telerik:RadNavigationViewItem>
13.                <telerik:RadNavigationViewItem Content="Navigation item 3">
14.                    <StackPanel>
15.                        <Label Content="Test 3"/>
16.                    </StackPanel>
17.                </telerik:RadNavigationViewItem>
18.            </telerik:RadNavigationView.Items>
19.        </telerik:RadNavigationView>

 

But it doesn't work, saying that content is set multiple times.

[Martin Ivanov]

Hello Martin,

The Content property of RadNavigationViewItem defines what is shown in the item located in the left side menu. Also, there is an error because setting direct content (like the StackPanel in your case) of RadNavigationViewItem is setting its Content property. So, there is a duplication of the Content setting. Use only direct content or the Content property.

If you want to change the content of the RadNavigationView control, you can set its Content property. And if you want to change this when you click on a RadNavigationViewItem, you can use the SelectionChanged event of the SelectedItem property of RadNavigationView. The DataBinding article shows how to utilize the SelectedItem property.

Regards,
Martin Ivanov
Progress Telerik

[Martin]

Thanks :)