Fehlerbeschreibung

Bei Einbinden der Komponente "Datenschutzanfrage erstellen" in der neuen Joomla Version wird der Datenschutzhinweis (#modal-jform_consentbox) nicht geöffnet. Der Fehler tritt nur bei meinem gekauften Template auf, nicht bei den zwei standardmäßig eingebundenen Templates.

Grund

Den Fehler verursacht der Bootstrap-CSS. Es werden der Modal-Form die Klassen modal, hide und fade zugewiesen. Die Klasse hide definiert das Ausblenden eines Elements mit dem Zusatz important. Bei Anklicken des Links wird zusätzlich eine CSS-Klasse namens "in" zugewiesen und das style-Element von noch einem zusätzlich display:none auf display:block. Das display:block ist natürlich, durch das in der Klasse definierte display:none mit einer Wichtigkeit, wirkungslos.

.hide
{
display: none !important;
}

Fehlerbehebung / Workaround

Als Workaround kann die Klasse "in" in eurem Template / Custom CSS definiert werden. Hierzu einfach nachfolgenden Code einfügen. Dieser überschreibt display:none bei Anklicken durch ein display:inline, da dieses auf mit einer Wichtigkeit definiert wurde. Ich habe mich im nachfolgenden Code zusätzlich noch auf die ID modal-jform_consentbox bezogen, um dies im kleineren Umfang anzuwenden.

#modal-jform_consentbox.in
{
display: inline !important;
}

Fehlerbeschreibung

Das Registrierungsformular des Joomla Cores zeigt Radio Buttons aufeinander an. Bei mir ist dies bei dem Datenschutz der Website und meine definierten Nutzungsbedingungen der Fall.
Hier ein Screenshot:

Grund

Der Fehler wird durch den Bootstrap-CSS verursacht. Dieser definiert radio Buttons mit der CSS-Klasse radio. In dieser definiert er die Buttons als float:left und mit einer margin-left von -20px.

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"]
{
float: left;
margin-left: -20px;
}

Fehlerbehebung / Workaround

Als Workaround kann die Klasse der Radio Buttons in eurem Template / Custom CSS definiert werden. Hierzu einfach nachfolgenden Code einfügen. Dieser überschreibt float:none und die vergebene margin. Ich habe mich im nachfolgenden Code zusätzlich noch auf die ID jform_privacyconsent_privacy für den Datenschutz Teil und jform_profile_tos für den Teil der Nutzungsbedingung bezogen, um dies im kleineren Umfang anzuwenden.

#jform_privacyconsent_privacy input[type="radio"], #jform_profile_tos input[type="radio"]
{
float:none;
margin-left: 5px;
margin-right: 0px;
}