Currently, I am working with RadNavigationView but I feel like I don't need dynamically bound DataContext because each settings tab would be different with various buttons. I tried RadTabControl but it isn't exactly what I'm going for style-wise. If anyone has any ideas please let me know.
Here is what I'm referencing.
Hi team
I have created sample with RadNavigationView, below this i have added list of items and those has been bind using itemsource property.
ItemSource type has two property 1st name as NameDisplay with type string and 2 nd as Icon with type string
Create style like below
<Style TargetType="telerik:RadNavigationViewItem">
<Setter Property="Content" Value="{Binding NameDisplay}" />
<Setter Property="Icon">
<Setter.Value>
<Image Source="{Binding Icon}" Height="25" Width="25" MinWidth="20" MinHeight="20" />
</Setter.Value>
</Setter>
<Style>
Output Image
Why the 1st icon is now showing after the render.
This is the behavior? if yes
Is there any alternate way to use our custom png icon under RadNavigationViewItem? without using glyph icon
Thanks
Narendran S
Can i achieve this type of WPF navigation view in Telerik
With items having GroupBox above them with seperator.
Hi,
I am using RadNavigationViewControl with RadDocking inside in the mainWindow, main view.
like this:
<RadNavigationView>
<RadNavigationView.Content>
<RadDocking>
<RadDocking.DocumentHost>
<RadPaneGroup Name=mainPaneGroup/>
</RadDocking.DocumentHost>
</RadDocking>
</RadNavigationView.Content>
</RadNavigationView>
When I open the new menu, new RadPane is Created inside RadPaneGroup, and I want it to be isFloatable and isDockable.
But the problem is that when I unload radpane, the radpane unloaded is not "Dockable" to any of control.
When I remove RadNavigationView and put RadDocking independently, RadDocking itself and contents inside work fine.
Is there a way to implement RadDocking inside RadNavigationView Content?
Dear Team,
how i can show/load Dashboard.xaml page in RadNavigationView.Content on click of Dashboard View Item
<telerik:RadNavigationView x:Name="navigationView"
PaneHeader="RadNavigationView"
SelectedIndex="0"
DisplayMode="Expanded"
AutoChangeDisplayMode="False">
<telerik:RadNavigationView.Items>
<telerik:RadNavigationViewItem Content="Dashbard" Icon="" IconTemplate="{StaticResource IconTemplate}" Click="RadNavigationViewItem_Click" />
<telerik:RadNavigationViewItem Content="a" Icon="" IconTemplate="{StaticResource IconTemplate}" />
<telerik:RadNavigationViewItem Content="B" Icon="" IconTemplate="{StaticResource IconTemplate}" />
<telerik:RadNavigationViewItem Content="c" Icon="" IconTemplate="{StaticResource IconTemplate}" />
</telerik:RadNavigationView.Items>
<telerik:RadNavigationView.PaneFooter>
<telerik:RadNavigationViewItem Content="About" Icon=""
IconTemplate="{StaticResource IconTemplate}"
CommandParameter="{Binding ElementName=navigationView}" />
</telerik:RadNavigationView.PaneFooter>
<telerik:RadNavigationView.Content>
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
</StackPanel>
</telerik:RadNavigationView.Content>
</telerik:RadNavigationView>
Hello,
Is it possible to drag RadNavigationViewItems around in the RadNavigationView If so, how would this be implemented?
Thanks
Tony
Hi,
Is there a way to stop the automatic collapse of the sub item menu when a sub item is selected. I would like to the have the sub menu still expanded after an item is selected.
Thanks
Tony
Hello
I have a question regarding highlighting of selected item in navigation view. I noted a behavior in context of subitems where I'm not sure if it behaves like designed or if it is a bug. With term "highlight" I mean the small colored block that appears at the selected item.
For demonstration I used from WPF Demos the "Sub Items" example. Attached there is a Windows steps recorder session (can be opened with e.g. Internet Explorer) that contains screenshots from every click and I can refer to the step numbers.
I can observe the behavior when navigation view is collapsed (shows only icons).
Short:
After a subitem was selected the highlight is not shown anymore when selecting the corresponing (main)item.
Long:
First I switch between different items with and without subitems. Everything is like expected, the selected item shows the highlight (Step 1 - Step 12).
Then I select a subitem. Still, highlight is shown at (main)item (Step 13- Step 14).
Next I click on another item that still behaves fine (Step 15)
Now, when I click again on the (main)item, where I selected the subitem before, the highlight is not shown anymore (Step 16)
I can click on the item several times. Just the subitems (dis)appear but no highlight (Step 17 - 19)
Only when I select a subitem the highlight appears (Step 20 - Step 21)
Again, click on (main)item, it is selected but no highlight (Step 22 - Step 24)
Is this behavior intended? If so, can someone explain me the idea behind it. For me it feels strange at the moment.
Thanks and regards
Philipp
I'm using a RadNavigationView in my application that has an existing theme applied - I want to keep this theme rather than use the Telerik themes. I've been able to manually style most of the control to match the existing theme, with the exception of the mouse over and selected item color. No matter what I try, it is always the default orange color.
Is there any guidance about that shows an example of how to take a standard RadNavigationView, and adjust the highlight colors of the RadNavigationViewItem?
Thanks in advance!
<telerik:RadNavigationView DockPanel.Dock="Bottom"
ItemsSource="{Binding Items}"
IsPaneOpen="True"
SelectedItem="{Binding Item}"
DisplayMemberPath="DisplayName"
DisplayMode="Expanded"
PaneToggleButtonVisibility="Visible"
ExpandedPaneWidth="300"
AllowMultipleExpandedItems="True"
PaneBackground="{DynamicResource MahApps.HamburgerMenu.Pane.Background}"
PaneHeaderBackground="{DynamicResource MahApps.HamburgerMenu.Pane.Background}"
><Style TargetType="telerik:RadNavigationViewItem" >
<Setter Property="Background" Value="{DynamicResource MahApps.HamburgerMenu.Pane.Background}"/>
<Setter Property="BorderThickness" Value="0" /> <Setter Property="Foreground" Value="{DynamicResource MahApps.HamburgerMenu.Pane.Foreground}" />
<Setter Property="FontSize" Value="16"/>
<Setter Property="ItemsSource" Value="{Binding Items}" />
<Setter Property="DisplayMemberPath" Value="DisplayName" />
<Setter Property="Icon" Value="{Binding Icon, Mode=OneWay}" />
</Style>
<telerik:RadNavigationView.ContentTemplate>...
Hello.
It will be easier to understand if you refer to the image.
The user wants to independently enable the navigation item according to the user's selection.
My example created a structure like that, but it doesn't work.
Is there any good way?
Thanks.
p.s - In combination with the above functions, can I control A and B Views with Enable at the same time by adding a C Button(True/False)?