Angular UI bootstrap accordion open direction

Question

Is there any way of changing the default opening direction of Angular-UI bootstrap accordion component?

I have been looking into ui-bootstrap-tpls.js and I found that acoordion-toggle class is set for accordion template, but I can't found this class anywhere!

http://angular-ui.github.io/bootstrap/#/accordion

I want to open it to the left side, thanks.

The Angular UI Accordion directive depends on the Collapse directive. I believe you are looking for this code: github.com/angular-ui/bootstrap/blob/master/src/collapse/… — callmekatootie
This is a good point to start, I will try to change height to width, thank you! — hmartos
Just an updated: Angular UI Bootstrap includes an horizontal collapse since version 2.0.0 that could make the trick — hmartos

Zeros Zeros · Accepted Answer · 2015-08-05T10:22:41

this class is in the detective template file. I suggest that you override accordion-toggle in your css files and ensure that this file is the last included

Angular UI bootstrap accordion open direction

1 Answers