Bootstrap Accordion Using XSLT
Hi,
I have an XSLT that works beautifully to create a Jquery accordion of News by Year. I am attaching that script. Here is a sample of what it does:
http://www.physics.purdue.edu/news/index.html
I am trying to modify the same script to use Bootstrap Collapse (accordion). I am not able to figure out how I could code for things like #collapseTwo, #collapseTwo and collapseOne, collapseTwo that are needed for Bootstrap collapse/accordion to work. I am attaching Bootstrap HTML code for accordion. We are trying to eliminate JQuery accordion since we are trying to build a fully responsive site within Cascade.
Of course, I use an Index Block to create the page.
Any thoughts/help would be appreciated.
Thanks,
Akbar
- BootstrapCollapseHTMLCode.txt 730 Bytes
- NewsScriptJQueryAccordion.txt 2.21 KB
Discussions are closed to public comments.
If you need help with Cascade CMS please
start a new discussion.
Keyboard shortcuts
Generic
? | Show this help |
---|---|
ESC | Blurs the current field |
Comment Form
r | Focus the comment reply box |
---|---|
^ + ↩ | Submit the comment |
You can use Command ⌘
instead of Control ^
on Mac
1 Posted by Ryan Griffith on 02 Oct, 2014 02:19 PM
Hi Akbar,
I think all you need to do is adjust the HTML within the loop that outputs the year heading and lists the pages. When you have a moment, give the attached XSLT Format a try and let me know how it works out.
Please let me know if you have any questions.
Thanks!
2 Posted by aehsan on 03 Oct, 2014 07:40 PM
Hi Ryan,
Thanks. I got it done. I later realized that the HTML I sent to you you was for bootstrap 2.3. I needed to code for version 3.2. It is done.
Thanks for your your response.
Please close this ticket.
Akbar
3 Posted by Ryan Griffith on 03 Oct, 2014 07:44 PM
Thank you for following up, Akbar. I am glad to hear you were able to incorporate the HTML into your Format.
Have a great day!
Ryan Griffith closed this discussion on 03 Oct, 2014 07:44 PM.