Hi Samuel,
Greetings from Syncfusion support.
Based on your requirement we have prepared the sample with the help of created event of the EJ2-Accordion. In the created event we can setting up the left style to the each accordion items toggle icon like the below code.
Step 1: Adding reference variable for fetching the EJ2-Accordion object and binding the created event to the EJ2-Accordion like the below.
[app.component.html]
<ejs-accordion #accordionObj (created)="onCreated()"> </ejs-accordion>
Step 2: Fetching the EJ2-Accordion object and adding left style to the each accordion items toggle icons with the help of created event like the below.
[app.component.ts]
export class AppComponent {
constructor() {
}
// Fetching the EJ2-Accordion object
@ViewChild('accordionObj') public accordionObj: AccordionComponent;
// Setting up left style to the each toggle icon of the EJ2-Accordion
public onCreated() {
let accordionItems = this.accordionObj.element.querySelectorAll('.e-acrdn-item');
for (let i = 0; i < accordionItems.length; i++) {
let headerText = accordionItems[i].querySelector('.e-acrdn-header-content') as HTMLElement;
let icon = accordionItems[i].querySelector('.e-toggle-icon') as HTMLElement;
let left = headerText.offsetLeft + headerText.offsetWidth;
icon.style.left = (left + 12) + 'px'
}
}
}
Kindly try the sample and get in touch with us if you would need any further assistance.
Regards,
Ravikumar Venkatesan
