Accordian Bric

Thanks to Flashman on how to get round the default open first card feature.

One other issue, is there a way to scroll the screen so that the top of the card is always visible when the link is hit? With long cards it can display somewhere in the middle of the card when it opens

TIA

Aaron

How long is your accordion? This only seems to be a question when dealing with exceptionally long pieces of text.

screencast%202019-02-06%2018-54-50

1 Like

@Flashman These short video are cool, but why are they barely visible?

In this case I’m still filling content and haven’t done any styling on the site at all. It’s also saved it at a reduced size because there seems to be an upload limit for these animations.

Open Privacy statement, then click GDPR without closing the link first - you will see what I mean

OK I’ve added some quick (ugly) colouring here to see more clearly. Why is this a problem?

screencast%202019-02-06%2019-11-01

1 Like

LOL @Flashman

Um, you need open Privacy statement, then click GDPR without closing the link first - and you will see what I mean, Analytics & Tracking is too short for it to happen

If I click GDPR any other open link closes automatically by default. The only way to edit that might be through the custom data attributes, which would require some knowledge of coding.

screenshot_1116

I think we really need a better accordion with more features and control. I have a stack for Rapidweaver called Ivy 2 that allows far more flexibility, but I don’t think we’ll see anything like this before the developer API receives a major upgrade in the next few months.

Hello @Flashman,
I see on your video that the accordian is opening on every part of the header.
How did you achieve that?
Mine opens only when I click on the Text.
Am I missing a setting?

Click on the text link, then go to the side panel and look at appearance. Select the option for full width. In practice it doesn’t cover the full area as I would like, but it’s better than the default.

screenshot_1117

That´s cool
Thanks a lot :+1:

@Flashman take a look at the code that I have uploaded, it is perfect to use it in the kind of cases you are looking for.

I hope it helps. :sunglasses:

4 Likes

Thanks for sharing! I am sure it will be helpful to many people!

You’re welcome @Eldar! The truth is that I feel personally very pleased to be able to help you move forward, even from a distance … you never know, maybe one day we can give a lecture of Blocs App (In Spanish to be able to be :smiley: ) in Madrid, for the world! :earth_africa:

As far as I can help, it will be a pleasure.

That sounds great! I am traveling a lot because of my regular business, and I have a dream to host offline seminars/workshops for potential Blocs users while I am visiting different countries. I really like to connect with Blocs users in real life, and it would be amazing to do that on a bigger scale.

2 Likes

Well, you know that I do not speak English and that I’m always in touch with the translator … but come on, when you’re in Madrid, you’re invited. I also dream of crossing the pond one day. :airplane:

1 Like

Deleting the 1st card in an Accordion is something I do perpetually because I almost NEVER want anything in the accordion to be opened by default. However, I have very large existing According where the 1st card is deleted, but I want the 1st tab to be opened by default. I cannot undelete the 1st card, as that was deleted by me long ago. And simply adding a new tab and naming it Header1 in all the right places does not cause it to be opened by default either.

Simply put, once we delete the 1st card, how do we restore that open-by-default functionality should we change our mind in the future?

Thanks.

Hey @JDW
Add a class called show to the content div. Thats all there is to it!

(that’s the div container that the card-body is nested in).

1 Like

Beautiful solution! Thank you!