Radiobuttons horizontal anordnen

[p.etrus]

Servus an alle,
ich bereite für unser Uni-Institut eine Materialdatenbank vor. Ich verwende bereits seit langem contao und komme damit gut zurecht, MM ist für mich noch neu und stehe recht bald einmal an...
U.a. diese Sache bekomme ich nicht hin und zwar:
Wie kann ich in der Eingabemaske von einem select die Radiobuttons horizontal (also nebeneinander statt übereinander) anordnen?
Ich habe gesehen, dass jeder radiobutton mit einem <br> in eine neue Zeile kommt, nur weiß ich nicht, wie ich das anpassen kann!

Ich habe das template mm_attr_select gefunden, das hat mich aber nicht weitergebracht.

Bitte um eure Hilfe!
p

[Kahmoon]

Nur mit CSS

.radio_container span{
    display:inline;
}

oder

.radio_container span{
    display:inline-block;
}

[p.etrus]

hey, das ging ja schnell, danke!
Ich kriegs aber leider nicht hin, mein Quelltext sieht so aus, siehe anhang.
span habe ich keinen und die class .radio_container finde ich nicht...
Ich habe einfach mal versucht, das Ding mit IRGENDWAS anzusteuern, leider kein Erfolg:

.tl_radio_container label {
    font-weight: bold; }

radiobuttons01.PNG

[Kahmoon]

Was ist das denn für ein Code?

Sollte dann mit

.tl_radio_container label {
display:inline; 
}

oder im Notfall

.tl_radio_container label {
float:left; 
}

gehen.

Könnte aber ein Problem mit Label & Input geben. Eventuell musst du dann im Template noch ein umschließendes Element machen, dem du dann den Float gibst.

[tab]

Da würde ich eventuell notfalls die <br> per CSS entfernen mit display:none; Also im konkreten Beispiel

#ctrl_korrosion br {
    display:none;
}

[p.etrus]

Danke euch beiden, leider klappt beides nicht.
Der Code ist vom Quelltext von der Eingabemaske eines MM!
Ich kann interessanterweise die BE Liste des MM mit CSS formatieren, die Eingabemaske aber nicht...

Fällt euch noch etwas ein?

[zonky]

die MM Widgets der Eingabemaske sind die vom Contao Core ... irgendwo im C-Wiki gibt es eine Anleitung für ein eigenes CSS fürs BE

[p.etrus]

Hey, ok, danke für die Info, werde mich da beizeiten reinlesen und wieder probieren.
Danke derweil an alle,
VG, p

[p.etrus]

OK, habe es jetzt mit einem Stylesheet fürs BE und <br> display:none geschafft!
Jetzt hätte ich gerne die Labels untern den Radioboxen, und das geht wohl nur mit einem container um jede <input>+<label> Gruppe.
Meine Frage dazu: wie kann ich metamodels dazubringen, ein eigenes template für die Eingabemaske zu verwenden, bzw. wo finde ich das template, das verwendet wird?

VG, P

[zonky]

das ist Sache von Contao - musst mal gucken, ob es einen Hook zum Austauschen des Widget-Templates gibt

Edit: ggf. das hier https://docs.contao.org/books/manual...ackendtemplate

[p.etrus]

Servus zonky,
habe erstmal versucht, das per CSS zu lösen, leider ohne Erfolg...
Deinen Tip mit dem Hook habe ich mir angesehen, leider übersteigt das bei weitem meine Fähigkeiten:
Die erste Zeile Code-Schnipsel muss man wohl in config.php einfügen, aber wie genau und in welcher Form ich die Änderung in der MyClass.php statt

// Ausgabe modifizieren

angeben soll ist mir völlig unklar.

Den contao core zu ändern ist wohl keine gute Idee (wüsste auch gar nicht, wo ich anfangen soll), daher die Frage:
Ist das mit mit dem Hook mit ein bisschen Hilfe für einen Laien wie mich zu schaffen, oder braucht's dafür Programmierskills?

VG, P

[zonky]

Ist das mit mit dem Hook mit ein bisschen Hilfe für einen Laien wie mich zu schaffen, oder braucht's dafür Programmierskills?

=> JA

[p.etrus]

hm.
ja ist für Laien zu schaffen oder ja, Programmierskills ? :-)

[cliffparnitzky]

Zweiteres !!!

[zonky]

hm.
ja ist für Laien zu schaffen oder ja, Programmierskills ? :-)

beides

[zonky]

bin mir nicht sicher, ob das schon als "Programmierskills" läuft

* BE-CSS: https://de.contaowiki.org/Stylesheet..._erg%C3%A4nzen

*

form#mm_meine_tabelle fieldset.tl_radio_container br {
    display: none;
}
form#mm_meine_tabelle fieldset.tl_radio_container label {
    margin-right: 20px;
} 

statt "mm_meine_tabelle" Deinen Tabellennamen einsetzen

[zonky]

oder per "parseWidget"

kleiner Dummy:

class MyWidget {

    public function myParseWidget($strBuffer, $objWidget) {

        if ($objWidget->type == '???') {

            $strBuffer = str_replace(....); // oder was du so ändern möchtest...

        }
        
        return $strBuffer;
    }

}