We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Content of ej-accordion control

Thread ID:

Created:

Updated:

Platform:

Replies:

133029 Oct 4,2017 10:06 PM UTC Oct 5,2017 12:31 PM UTC Angular 1
loading
Tags: ejAccordion
Kristina Mancheva
Asked On October 4, 2017 10:06 PM UTC

Hi, I was trying to wrap up this control and I would like to know is it possible to wrap up the content (h3, div elements and so on) of the control in some template, or some other property maybe.

Thank you, Kristina

Prince Oliver [Syncfusion]
Replied On October 5, 2017 12:31 PM UTC

Hi Kristina, 

Thank you for contacting Syncfusion forums. 

You can use ng template in accordion control to wrap its contents. Kindly refer to the below code. 

<ej-accordion id="accordion1" enableMultipleOpen="true" *ngFor="let orderOptions of lookupValues"> 
    <h3> <a rel='nofollow' href="#">{{orderOptions}}</a></h3> 
    <div> 
        <div> 
        <label>Date:</label> <span>exampleDate</span> 
        </div> 
        <div> 
        <label>Product:</label> <span>exampleProduct</span> 
        </div>                                         
    </div> 
</ej-accordion>  

You can use the default template support in accordion, refer to the following UG documentation link for information: https://help.syncfusion.com/angular/accordion/template-support 

We have prepared a sample for your reference, kindly refer to the following link for the sample: http://www.syncfusion.com/downloads/support/forum/133029/ze/Accordion-ngfor1297670581 

Regards, 
Prince 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;