Bootstrap basic accordion - Post ID...

User 472773 Photo


Registered User
4 posts

Does anyone know how to add more than three accordion Items?
User 187934 Photo


Senior Advisor
20,196 posts

Hi Larry,
Did you try to copy the last one in the elements tree?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
4,842 posts
Online Now

Larry Buege wrote:
Does anyone know how to add more than three accordion Items?


select the last container "card" (containing the other container with ID= "containerThree")

duplicate it

Rename ID's to
HeadingFour
clollapseFour

Change the text link to #collapseFour

aria-controls to value = CollapseFour
That should do it
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

Assuming you are using the Basic Accordion component in Site Designer-Bootstrap:
When you have duplicated the third one, as Eric is suggesting, you also need to give it a new ID on the containers .card-header and .collapse. Also, the text link inside .card-header needs its href edited to point to the new .collapse ID. And finally, in the Attributes, change the Aria Controls to match your new href.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,842 posts
Online Now

Inger wrote:
Assuming you are using the Basic Accordion component in Site Designer-Bootstrap:
When you have duplicated the third one, as Eric is suggesting, you also need to give it a new ID on the containers .card-header and .collapse. Also, the text link inside .card-header needs its href edited to point to the new .collapse ID.
just like I mentioned in the previous post :D
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

Yes, You posted while I was still writing ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,842 posts
Online Now

Inger wrote:
Yes, You posted while I was still writing ;)


Hahaha and Eric Posted whilst I was Still Writing :D
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

Anyway, I hope Larry will find our posts useful. :D
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 472773 Photo


Registered User
4 posts

Thank you, everybody. It works like a charm and I learned a new trick.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.