muli-level dropdown menu in MDB Angular Version

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: muli-level dropdown menu in MDB Angular Version

bcn2017 pro premium priority asked 7 years ago

Dears, We have a pro licence of MDBOOSTRAP Angular Version In our proyect, we need to build a muli-level dropdown menu, but we didn't found documentation about it. Can you help us find the way to do it? Thanks David!

Alex GuaMi pro answered 7 years ago

You just need to repeat the process inside your dropdown again (create a new list inside your dropdown list) Ps: Si necesitais mas ayuda me lo dices. Tambien soy de barcelona ;) For example: 


<!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark">

    <!-- Navbar brand -->
    <logo><a class="navbar-brand" href="#">BML</a></logo>

    <!-- Collapsible content -->
    <links>

        <!-- Links -->
        <ul class="navbar-nav mr-auto">
            <!-- Dropdown -->
            <li class="nav-item dropdown active"dropdown>
                <a dropdownToggle  class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
                    Dropdown1
                    <span class="caret"></span>
                </a>
                <div  class="dropdown-menu dropdown dropdown-primary" role="menu">
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Button1.1</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Button1.2</a>
            <li class="nav-item dropdown active"dropdown>
                <a dropdownToggle  class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
                    Dropdown2
                    <span class="caret"></span>
                </a>
                <div  class="dropdown-menu dropdown dropdown-primary" role="menu">
                    <a class="dropdown-item waves-light waves-effect" mdbRippleRadius href="#">Button2.1</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius >Button2.2</a>
                </div>
            </li>

            </div>
            </li>
        </ul>
        <!-- Links -->

    </links>
    <!-- Collapsible content -->

</mdb-navbar>
<!--/.Navbar-->





                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                    

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                                        
                            

                                
                                

                                    

                                        
                                        
                                        
                                        
                                    

                                

                                
                                
                                

                                    
Write

                                    
                                         Create snippet
                                    
                                

                                
                                

                                    

                                        
                                        

                                            
                                            
                                            
                                            

                                                Please insert min. 20 characters.                                            

                                            

                                                                                                    
                                                                                            

                                        

                                    

                                

                                
                            

                            
                                            

                    
                    
                    

                                           
                 
                  
                      
                     

                      

                       
FREE CONSULTATION

                       
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


                      

                    

                      
                  
                    
                    

                    

                        

                          
                          
                          
                          
                          
                         

                        

                      

                    
                       


                                                 

                        
                        

                            
                            
Status

                            
                            

                                

                                            Answered                                        

                                                            

                        

                        
                                                
                        

                            
                            
Specification of the issue

                                            
        

            
    
                
  • 
                    User:
                    Pro
                
    • 
                
  • 
                    Premium support:
                    Yes
                
    • 
                
  • 
                    Technology:
                    MDB Angular
                
    • 
                                    
  • 
                        MDB Version:
                        -
                    
    • 
                                    
  • 
                        Device:
                        -
                    
    • 
                                    
  • 
                        Browser:
                        -
                    
    • 
                                    
  • 
                        OS:
                        -
                    
    • 
                                
  • 
                    Provided sample code:
                    No
                
    • 
                
  • 
                    Provided link:
                    No
                
    • 
                
            

        

                                

                        
                                                                                                                            
                            

                                
                                
About author

                                                                    
                

                            
                        

                


                    
                    

                        bcn2017
                    

                    
                    
                    

                    
                    
                                            Pro User
                                                                Premium support
                                        
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    0Support score
                    

                    1Questions
                    0Answers
                    

                    
                    

                    0Snippets likes
                    0Snippets