Customize expand and collapse icon

20 Feb 20171 minute to read

The “data-ej-showheadericon” attribute is used to display the expand and collapse icon for the Accordion header.

  • HTML
  • <div id="accordion_sample" data-role="ejmaccordion" data-ej-showheadericon="true">
    
         <ul>
    
             <li data-ej-text="MVC">
    
                <div>
    
                Model-view-controller (MVC) is a software architecture pattern which separates the representation of information from the user's interaction with it. The model consists of application data, business rules, logic, and functions
    
                 </div>
    
             </li>
    
             <li data-ej-text="WPF" >
    
                <div>
    
                 Developed by Microsoft, the Windows Presentation Foundation (or WPF) is a computer-software graphical subsystem for rendering user interfaces in Windows-based applications.
    
                </div>
    
             </li>              
    
             <li data-ej-text="WCF" >
    
                <div>
    
                WCF is a tool often used to implement and deploy a service-oriented architecture (SOA). It is designed using service-oriented architecture principles to support distributed computing where services have remote consumers.
    
                 </div>
    
             </li>  
    
        </ul>
    
    </div>

    The following screenshot displays header icon.