Accordion not displaying well

erichayes
Autor
Offline

Mehr

6 Jahre 6 Monate her #4858 von erichayes

Accordion not displaying well wurde erstellt von erichayes

Please see erichay.es/boehle/products-visform .

Resins and Pigments are pagebreaks. I want Resins and Pigments to be collapsed by default and click to expand. Thanks.

Administrator AV
Offline

Mehr

6 Jahre 6 Monate her #4862 von Administrator AV

Administrator AV antwortete auf Accordion not displaying well

Hi,

obviously there is some CSS missing. I will take a look into this on Monday. At the moment I think it can be fixed easily.

Regards,
Aicha

I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-)

Administrator AV
Offline

Mehr

6 Jahre 6 Monate her - 6 Jahre 6 Monate her #4863 von Administrator AV

Administrator AV antwortete auf Accordion not displaying well

Hi,

thanks for your patience.

I have added some CSS to the Visforms CSS.
Basically it is the default Boostrap CSS code for accordions/collapsables.
As far as I can see this fixes the problem.

I will send you the modified file, so that you can test with it.
Please let me know if this fixes the problem.

Please note, that the default behavior of bootstrap accordions is, that the first panel is expanded by default, when the page is displayed. The other panels are collapsed.

As Visforms uses the default bootstrap accordion HTML, Javascript and CSS, at the moment there is no way to display the first panel collapsed but I will set that as a feature request to my feature reqeust list.

I have added the following CSS code to the media\com_visforms\css\visforms.min.css

Code:

/*Accordions*/
.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.collapse.in {
	height: auto;
}

.accordion {
	margin-bottom: 20px;
}

.accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.accordion-heading {
	border-bottom: 0;
}

.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}

Regards,
Aicha

Letzte Änderung: 6 Jahre 6 Monate her von Administrator AV.

erichayes
Autor
Offline

Mehr

6 Jahre 6 Monate her #4870 von erichayes

erichayes antwortete auf Accordion not displaying well

Yes, that fixed the issue. Thank you very much.

Administrator AV
Offline

Mehr

6 Jahre 6 Monate her #4871 von Administrator AV

Administrator AV antwortete auf Accordion not displaying well

You're welcome.

And thanks for your response. Now I can merge the changes into the Visforms code, and permanently fix the problem.

With the next Subscription release there will also be a new option, where you can choose, whether to display the first panel expanded or collapsed.

Regards,
Aicha

Moderatoren: Administrator AV, Administrator IV

Joomla 5 Mitteilung

Forum

Accordion not displaying well

Visforms Subscription

Visforms Erweiterungen