DCA-Felder per CSS positionieren

Hallo zusammen,

ich habe unter Mitglieder eigene Eingabefelder per DCA erstellt, welche auch soweit funktionieren. Nur weiß ich bislang noch nicht wie man diese per CSS stylen kann, bei "label und input" weiß ich wie das geht. Wenn ich z.B. <div class="widget widget-text"> style dann bekommen alle Textfelder diesen Style mit. Kann ich jedem einzelnen Feld hierzu eine eigene Klasse mittels DCA zuweisen, oder gibt es noch eine andere Möglichkeit um dies realisieren zu können?

HTML-Code:

---

<div class="widget widget-text">
    <label for="ctrl_member_number">Mitgliedsnummer</label>   
    <input type="text" name="member_number" id="ctrl_member_number" class="text" value="" maxlength="255">
</div>

---

PHP-Code:

---

$GLOBALS['TL_DCA']['tl_member']['fields']['member_number'] = array
(
    'label'                   => &$GLOBALS['TL_LANG']['tl_member']['member_number'],
    'exclude'                 => true,
    'search'                  => true,
    'sorting'                 => true,
    'inputType'               => 'text',
    'eval'                    => array('maxlength'=>255, ''feEditable'=>true, 'feViewable'=>true, 'feGroup'=>'social', 'tl_class'=>'w50'),
    'sql'                     => "varchar(255) NOT NULL default ''"
); 


---

Für Tipps die zur Lösung meines Problems führen wäre ich sehr dankbar.


Gruß
Thomas

Hi,

du kannst zumindest dem 'tl_class' auch eigene Klassen mitgeben, die werden im HTML dann mit ausgegeben. Diese kannst du dann per CSS ansprechen.

Viele Grüße
René

Hallo,

danke für die Info, aber es klappt irgendwie bei mir nicht. Es wird trotz der Änderung nichts dem HTML angefügt. Anbei meine Änderung zum Test:

PHP-Code:

---

'eval'   => array('maxlength'=>255, 'feEditable'=>true, 'feViewable'=>true, 'feGroup'=>'social', 'tl_class'=>'w50 fellow_number'), 


---

Wo liegt bitte mein Fehler, weil dies bei mir nicht funktioniert.


Gruß
Thomas

Hast du nach dieser Änderung den Symfony Application Cache neu aufgebaut?

Oben in deinem ersten Post wird ja auch schon

HTML-Code:

---

class="text"

---

ausgegeben, anstatt

HTML-Code:

---

class="w50"

---

:(

Im Contao Manager habe ich den Anwendungs-Cache erneuert.

Eigentlich möchte ich folgendes erreichen: anstatt HTML <div class="widget widget-text"></div> soll z.B. <div class="widget widget-text fellow-number"></div> im HTML ausgegeben werden. Aber wie kann ich dies erreichen?


Gruß
Thomas

Ist es nicht so, dass 'tl_class'=>'w50 fellow_number' nur im Backend eine Klasse weiterschreibt?
Für das Frontend müsstest du das dazugehörige Template anpassen - und soweit ich das erkenne, ist der Wunsch ja auch, die Klasse im Frontend anzupassen.

Hi,

ich habe das bei mir nun mal in einer 4.4.46 getestet. Das hinzufügen einer eigenen Klasse zu 'tl_class' (clr w50 test) führt bei mir dazu, das ich '<div class="clr w50 test widget">' im HTML erhalte.

Nach der Anpassung den Cache mittels 'vendor/bin/contao-console cache:clear -e prod' gelöscht.

Nicht sicher was bei dir falsch läuft.

Viele Grüße
René

Laut dem geposteten HTML Code geht es um die Mitglieder Module im Frontend, nicht die Felder im Backend.

Hallo Bernhard,

genau richtig, ich möchte die Anpassung für das Frontend vornehmen. Nur weiß ich nicht genau welches Template dafür zuständig ist, im Template member_default.html5 gibt es keine entsprechenden Einträge für die Eingabefelder. In welchem Template sind die Felder unter Mitglieder zu finden?
Danke!

Gruß
Thomas

Ah ok, missverstanden. Sorry.

Hallo Fehrmann,

dachte, dass ich mich klar genug ausgedrückt hätte.
Ich suche nämlich eine Stelle in Contao wo ich diese CSS-Klassen den Eingabefeldern zuweisen kann. So wie es beim Kontaktformular im Formulargenerator auch möglich ist, kann natürlich auch in einem Template definiert werden.


Gruß
Thomas

Ich habe jetzt das Layout so umgestellt, dass alles bis auf 1 Eingabefeld passen würde (siehe Anhang). Welche CSS-Anweisung könnte ich dem Textarea-Feld geben, damit das Feld mit dem Label "Instrumente im Verein als aktives Mitglied" unter das Feld mit dem Label "Datum, Beginn als aktives Mitglied" rutscht? Hierdurch bräuchte ich für die DCA-Felder keine eigenen CSS-Klassen um die Felder positionieren zu können.
Gibt es solch eine CSS-Anweisung, um das genannte Feld hochrutschen zu lassen?
Anhang 23103


Gruß
Thomas

Kann man die Seite schon irgendwo aufrufen? Sonst poste doch bitte den Quelltext des betreffenden Formulars. Bestimmt kann man da z.B. mit nth-child oder ähnlich die Zelle selektieren.

Mit nth-child hat es jetzt geklappt. Genau diese Information hatte mir noch gefehlt.
Danke an alle für die hilfreiche Unterstützung.


Gruß
Thomas