Contao ist schwach...

[TypoLightNewbie]

... an manchen Stellen. Manchmal bleibt mir regelrecht die Spucke weg.

Folgendes Formular-Layout ist mit Hausmitteln oder CSS nicht erzeugbar.
screen1.png

Für Trivialitäten im PHP-Code wühlen, um ein BR/ einzufügen. Es ist manchmal nicht zu fassen.

[MacKP]

Hallo TypoLightNewbie,
ich versteh nicht wofür du da ein <br /> brauchst... (was eh schon ausgegeben wird)...
Du erzählst hier gerade einen haufen Müll (um mal bei deinem Niveau zu bleiben).

Da du Contao bzw. in dem Fall genauer die Formulare noch nicht verstanden hast, wäre es sinniger sich mal zu Informieren und nicht zu schreiben das es nicht geht.

Viele Grüße

[tril]

Dein Layout lässt sich sogar mittels CSS sehr leicht erzeugen

label {
    display: block;
}

[tl_richard_user]

Hä, wo ist dein Problem?

Eigentlich würde ein display:block; ggf. mit width:100%; für label reichen.

[andreasisaak]

Contao ist so schwach wie die eigenen Fähigkeiten. Das Formular setzt dir jeder Contao Anfänger in 2min um

Und die Aussage das man dafür ein <br /> braucht ist noch schwacher! Dafür wurde in CSS "display:block" erfunden.

[Kahmoon]

Da war der Nickname wohl Programm . Beim Nichtschwimmer ist eben immer die Badehose schuld...

[Thomas]

Ne ne, der Spruch geht anders.

*Wenn der Bauer nicht schwimmen kann, liegt es an der Badehose.*

Oh weh, oh weh!
Das sind reine Basics und Contao ist Schuld. ^^

[TypoLightNewbie]

Hey, hey!!!
Ich habe mich über ein Stück Programm-Logik geärgert, und keinen hier persönlich angegriffen!!!!! Also kein Grund, mir gegenüber ausfallend zu werden.

Zum Sachthema.

Mit display:block habe ich das versucht. Am Label, am Input, am Formular. Das Label-Tag ist mir zugegeben nicht wirklich geheuer, weil kaum benutzt.
Ein break ist in dem Template nicht zu sehen.
Über einen Wink mit dem Lattenzaun wäre ich dankbar.

(Über das andere hier natürlich nicht! Außer den kostruktiven Beitrag von tril. Danke dafür!)

[psren]

Das Label-Tag ist mir zugegeben nicht wirklich geheuer, weil kaum benutzt.

Kaum benutzt ist relativ... das ist meiner Erkenntnis nach das meist verwendete Formularelement.

Mit dem display: block geht das sicher, wenn du uns einen Link hast können wir dir auch zeigen was schiefgeht.

[christian]

Vielleicht meint er ja auch gar nicht die Labels, sondern den grauen Balken. "block: grey;" hat nicht funktioniert, "formright: grey alittledistance;" auch nicht..... Contao hat sowas einfach nicht.

[TypoLightNewbie]

Kaum benutzt ist relativ... das ist meiner Erkenntnis nach das meist verwendete Formularelement.

Mit dem display: block geht das sicher, wenn du uns einen Link hast können wir dir auch zeigen was schiefgeht.

Nein. Das wird sicherlich ständig benutzt. Nur ich hab damit bislang kaum gearbeitet.

Bevor sich hier noch mehr Leute asozialen Abfälligkeiten hingeben, poste ich besser etwas zum Sachthema und nehme dein Angebot damit dankend auf, psren.

Folgender bekannte Output wird beim Standard-Formular (ohne Tabelle) erzeugt.

  <label for="ctrl_1" class="StandardFeld mandatory">
      <span class="invisible">Pflichtfeld</span> Vorname<span class="mandatory">*</span>
  </label> 
  <input type="text" name="Vorname" id="ctrl_1" class="text StandardFeld mandatory" value="" required>
  <br>

Ein schnelles Eingreifen in ein Template ist (mir) nicht möglich, weil das Standard-Formular hier nicht veränderbar ist:

<?php echo $this->fields; ?>

Um das Layout (Label über dem Textfeld) wie oben hinzukriegen, habe ich unter anderem auch "display:block" (und 100.000 andere Dinge) eingestellt. An diversen Tag-Stellen. Das kann ich leider hier nicht alles auflisten. (Sprengt den Rahmen und wäre irreführend.)

Wenn es über CSS super-einfach sein sollte, wäre ich ja dankbar.

[psren]

<?php echo $this->fields; ?>

Ja, das nervt mich auch ein wenig...

probiere mal (nur testweise):

label {
  display: block !important;
  float: none !important;
}

Wenn das funktioniert musst du mal schauen wo deine Kaskade gestört wird.

[TypoLightNewbie]

display: block !important;
float: none !important;

Genau in dieser Kombination mit float:none hatte es zuvor nicht gefunzt. Aber mit "!important" im CSS-Bereich "Eigener Bereich" klappt es tatsächlich. Tausend Dank, psren!!! (Einer der wenigen konstruktiven Helfer, der über meinen frustierten Titel hinwegsehen konnte. Dem Rest scheine ich ja in den persönlichen Katechismus gespuckt zu haben.)

[andreasisaak]

Witzig wie man sich herausreden will wenn man zu unrecht lauter geworden ist! Vielleicht wäre es angebrachter einzusehen das nicht Contao schuld war sondern man einfach falsch lag. Das wäre ehrenhafter!

[psren]

Genau in dieser Kombination mit float:none hatte es zuvor nicht gefunzt. Aber mit "!important" im CSS-Bereich "Eigener Bereich" klappt es tatsächlich. Tausend Dank, psren!!! (Einer der wenigen konstruktiven Helfer, der über meinen frustierten Titel hinwegsehen konnte. Dem Rest scheine ich ja in den persönlichen Katechismus gespuckt zu haben.)

ACHTUNG: es handelt sich hier noch nicht um die endgültige Lösung des Problems. Das !important überschreibt nur die anderen Eigenschaften. Wenn du da mal wieder etwas damit machen willst ist es ganz schön schwer dass zu überschreiben.

Suche lieber die Stelle wo dem Element entweder

display: inline;

oder

float:left;

oder

float: right;

zugeordnet wurde und überschreibe es richtig.

Ich bin auch ab und an frustriert weil ich etwas nicht hinbekommen, nur habe ich inzwischen gelernt, dass es oft nicht am Programm sondern an meiner Dummheit liegt. Daher passiert es mir nicht so schnell irgendwem/was Schuld zuzuschieben. Vielleicht fragst du das nächste mal einfach neutraler, dann kann man sich den ganzen HeckMeck hier sparen :-)

Freut mich dass ich dir helfen konnte. Und Prost, schönen Abend.

Gruß
Patrick

[ciaobello]

(Einer der wenigen konstruktiven Helfer, der über meinen frustierten Titel hinwegsehen konnte. Dem Rest scheine ich ja in den persönlichen Katechismus gespuckt zu haben.)

Apropos, frustrierte Titel kann man jederzeit mit der Editierfunktion ändern. Dann tauchen sie auch nicht mehr in der Suche auf!

Derjenige der schreit macht das Echo!


p.s.
solange du nicht ein "Fulltextzitierer" in Deinem Thema hast kannst du sogar Deine Formulierung anpassen ;-)

[tril]

Folgender bekannte Output wird beim Standard-Formular (ohne Tabelle) erzeugt.

  <label for="ctrl_1" class="StandardFeld mandatory">
      <span class="invisible">Pflichtfeld</span> Vorname<span class="mandatory">*</span>
  </label> 
  <input type="text" name="Vorname" id="ctrl_1" class="text StandardFeld mandatory" value="" required>
  <br>

Ein schnelles Eingreifen in ein Template ist (mir) nicht möglich, weil das Standard-Formular hier nicht veränderbar ist:

<?php echo $this->fields; ?>

Das verantwortliche Template das du suchst heißt form_widget.html5/xhtml, dort kannst du das Widget anpassen. Ich überschreibe es grundsätzlich, hier ist meine Variante von dem Template:

<?php if (!$this->tableless): ?>
<tr class="<?php echo $this->rowClass; ?>">
    <td class="col_0 col_first"><?php echo $this->generateLabel(); ?></td>
    <td class="col_1 col_last"><?php echo $this->generateWithError(); ?></td>
</tr>
<?php else: ?>
<div class="widget widget-<?php echo $this->type; if ($this->class): ?> widget-<?php echo implode(' widget-', preg_split('#\s+#', $this->class)); endif; ?> ">
    <span class="invisible"><?php echo $this->generateLabel(); ?></span>
    <?php echo str_replace('>', ' placeholder="' . specialchars($this->label) . '">', $this->generate()); ?>
    <?php echo $this->getErrorAsHTML(); ?>
</div>
<?php endif; ?>

PS: Das mit dem Placeholder kannst du in der 2.11.3 entfernen, vorher kannte Contao noch kein placeholder