search

lepoco / wpfui

WPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.
https://wpfui.lepo.co
MIT License
7.03k stars 666 forks source link

Does WPFUI support multi-level navigation #1129

Closed Godaday closed 3 weeks ago

Godaday commented 3 weeks ago

Is your feature request related to a problem? Please describe

multi-level navigation

Describe the solution you'd like

I am using WPFUI in my project, and I need to set up a three-level navigation menu, but I find that only two levels are displayed. Even if I set ui:NavigationView.MenuItems at the second level, it has no effect. I hope someone can help me with this issue as I am a beginner. Here is my code:

  <ui:NavigationView x:Name="RootNavigation" Grid.Row="1" >
      <ui:NavigationView.AutoSuggestBox>
          <ui:AutoSuggestBox x:Name="AutoSuggestBox" PlaceholderText="Search">
              <ui:AutoSuggestBox.Icon>
                  <ui:IconSourceElement>
                      <ui:SymbolIconSource Symbol="Search24" />
                  </ui:IconSourceElement>
              </ui:AutoSuggestBox.Icon>
          </ui:AutoSuggestBox>
      </ui:NavigationView.AutoSuggestBox>
      <ui:NavigationView.Header>
          <ui:BreadcrumbBar
Margin="42,32,0,0"
FontSize="28"
FontWeight="DemiBold" />
      </ui:NavigationView.Header>
      <ui:NavigationView.MenuItems>
          <ui:NavigationViewItem Content="Dashboard" >
              <ui:NavigationViewItem.Icon>
                  <ui:SymbolIcon Symbol="Home24" />
              </ui:NavigationViewItem.Icon>
          </ui:NavigationViewItem>
          <ui:NavigationViewItem Content="Data" >
              <ui:NavigationViewItem.Icon>
                  <ui:SymbolIcon Symbol="DataHistogram24" />
              </ui:NavigationViewItem.Icon>

              <ui:NavigationViewItem.MenuItems>
                  <ui:NavigationViewItem Content="Settings" >
                      <ui:NavigationViewItem.Icon>
                          <ui:SymbolIcon Symbol="Settings24" />
                      </ui:NavigationViewItem.Icon>
                      <ui:NavigationViewItem.MenuItems >
                          <ui:NavigationViewItem Content="user"  >
                              <ui:NavigationViewItem.Icon>
                                  <ui:SymbolIcon Symbol="DocumentData24" />
                              </ui:NavigationViewItem.Icon>
                          </ui:NavigationViewItem>
                      </ui:NavigationViewItem.MenuItems>
                  </ui:NavigationViewItem>
              </ui:NavigationViewItem.MenuItems>
          </ui:NavigationViewItem>
      </ui:NavigationView.MenuItems>
      <ui:NavigationView.FooterMenuItems>
          <ui:NavigationViewItem Content="Settings" >
              <ui:NavigationViewItem.Icon>
                  <ui:SymbolIcon Symbol="Settings24" />
              </ui:NavigationViewItem.Icon>
          </ui:NavigationViewItem>
      </ui:NavigationView.FooterMenuItems>
  </ui:NavigationView>

Describe alternatives you've considered

No response

Additional context

No response

pomianowski commented 3 weeks ago

Three-level navigation is currently not supported and not planned. If you need such functionality you need to create a custom control or use two-level NavigationView currently available.

Godaday commented 3 weeks ago

Three-level navigation is currently not supported and not planned. If you need such functionality you need to create a custom control or use two-level NavigationView currently available.

Thanks for your reply, it helped me clear up the confusion.