State of the basic accordion...

Jan 3rd, 2023 at 07:21 PM
User 2979017 Photo

Sergio M
Registered User
13 posts

Hi,

I am using the component Basic accordion Multi-expanded. When the page is loaded the accordion is all open but I want that when the page is loaded the accordion is collapsed. How can I get it?

Thanks,
Sergio
Jan 3rd, 2023 at 08:51 PM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

Try the accordion component "ALL CLOSED"
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 … an%281%29/
Jan 3rd, 2023 at 09:18 PM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

If you want the hidden panels to all be open when a user selects the trigger, rather than just the active one to be open, then that is possible but requires a bit more fiddle about
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 … an%281%29/
Jan 3rd, 2023 at 10:12 PM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

https://youtu.be/rPDT4zVY5Qs
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 … an%281%29/
Jan 4th, 2023 at 06:11 AM
User 2979017 Photo

Sergio M
Registered User
13 posts

thanks a lot for the video Wayan Jaya, but I have a problem. I cannot do what you do because when I go to the properties I don't see all what you see in properties. I attached a screen shoot. As you can see, the properties that are show are different. I don't understand why I don't see the same that you see when you check the properties. Could you imagine why is this happening ?

Thanks a lot,
Sergio
Attachments:
Jan 4th, 2023 at 07:26 AM
User 122279 Photo

Inger
Senior Advisor
14,450 posts

You need to click on the 'pen' to see the styles, and on the wee thing with a magnifying glass to see the element tree.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 4th, 2023 at 08:14 AM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

Hmm using bootstrap too this time, I use foundation I don't know if the attributes etc for that are the same I hardly ever use bootstrap :D
I will be removing the video shortly, then catching up on sleep I will check again tomorrow Indonesian time to see if you have got it fixed
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 … an%281%29/
Jan 4th, 2023 at 10:46 AM
User 2979017 Photo

Sergio M
Registered User
13 posts

Inger wrote:
You need to click on the 'pen' to see the styles, and on the wee thing with a magnifying glass to see the element tree.


I know it, the problem is that when I select the container- accordion in the inspector the properties does not appear in the element display. The screen-shot that I attached shows the properties does not appear .

Thanks.
Jan 4th, 2023 at 10:52 AM
User 122279 Photo

Inger
Senior Advisor
14,450 posts

Sergio, in Bootstrap, in the 'Basic accordion Multi-expanded', you have three containers (one for each 'dropdown window') with the 2 class names '.collapse' and '.show'. Delete the '.show' from all three containers, and then the accordion will load with all closed, and you will be able to have them all open simultaneously.

I didn't check which framework you were using when I wrote the previous post.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 4th, 2023 at 11:02 AM
User 122279 Photo

Inger
Senior Advisor
14,450 posts

If you don't want to have all dropdowns open at the same time, then use the other accordion, the one named just Basic Accordion. It has only one container with those two class names '.collapse' and '.show'. Delete the '.show', and then you're done.
Ha en riktig god dag!
Inger, Norway

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

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.