Elements and layout within Accordion buggy

[noxdiurna]

Hi,

I just discovered that the accordion element is quite buggy, especially with the layouts. I’m trying to have 3/4 text and 1/4 image. Apparently, this is not working as it should?

Please help.

[noxdiurna]

Apparently, I’m also having issues with tabs and supposedly animated progression chart within the tabs. I placed the tabs in a row and it is having quite a bit of issues.

– I put few counters in a tab and when I remove the counter comma, the layout gets weird with error.
– The animated progression chart is not animated and “falls down” when I open the tab?
– I chose to have the row background in grey but it keeps coming back to transparent.

Generally I think that tab elements doesn’t have the layout issue like accordion but it has some stability issues.

[David Martin – Support]

Hi,

I you refering to the images dropping down 30-40px or so after clicking a tab, seen here: http://d.pr/i/HbZN?

Thanks.

[noxdiurna]

Hi David. That’s one of it.

The other issue I have is with the accordion element on the same page. You can click on “Levage-Transmission” accordion and will find that the image element is huge. On the Swift Pagebuilder, the image was to have 1/4 width and the text 3/4. Apparently, these two elements are using full width.

Lastly, when I try to remove the counter commas from the counter element placed within the tabs, it screws the whole webpage somehow.

[David Martin – Support]

Ok, thanks for reporting this. I am going to pass this onto my colleague Rui who is doing dev’ work on this and see what his opinion is on getting this amended.

Thanks,
David.

[noxdiurna]

Hi,

Any idea when these issues will be solved?

As for the images dropping, I managed to get an identical problem on a text asset place in a row layout.

[Rui Guerreiro – SUPPORT]

Hi,

Apologize for the delay, didn’t realised that it was assigned to me.
Will check it.

-Rui

[noxdiurna]

It’s alright Rui. If we can resolve the issue before the end of May, it would be great though as we expect open officially our website by then.

[noxdiurna]

I just realised that vertically aligning the row assets make the items to “drop” after after loading. So that issue can be avoided with few tweaks.

The comma issue with the counters also seems to have resolved by itself with the update.

The last remaining issue seem to be the image placed within an accordion asset.

[Rui Guerreiro – SUPPORT]

Hi,

We found an incorrect css rule, this will be fixed for the next update.

Inside the file style.css of the Joyn theme

replace this code

.spb_accordion .ui-accordion .ui-accordion-content .row > [class*="col-sm"] {
	width: 95%!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

by this one

.spb_accordion .ui-accordion .ui-accordion-content .row > [class*="col-sm"] {
	padding-left: 0!important;
	padding-right: 0!important;
}

Hope it helps.

-Rui

[noxdiurna]

Hi Rui.

That fixed it perfectly.

Thank you.

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.
-Rui