Font-Icons bei Formularen fehlen

[tschero]

Hallo Zusammen,

nach einem Update von C. 3.5.38 auf Contao 4.4.32 LTS werden die Font-Icons bei Formularen nicht übernommen.
Verzeichnisse sind öffentlich.
In den Einstellungen steht die Font-Awesome Quelle auf lokal(das soll sie auch).


Hat da jemand eine Idee für mich?

Gruß
tschero

[tschero]

Nachtrag:
Auch das Laden vom CDN scheint beim Font-Awesome nicht zu klappen.
Auf dieser Seite nachzuvollziehen.
https://www.panzertruppe.com/kontakt...tformular.html

Gruß
tschero

[Tim]

Also ich sehe Icons in der Panzertruppe

[tschero]

Dann zauberst Du .
Weder mit FF, noch IE oder Chrome.
Siehe hier:
https://www.panzertruppe.com/kontakt...tformular.html

[Tim]

3.5 und 4.4 handhaben Formularfelder anders. Schau mal in ein Eclipse Template form_textfield dort muss ein extra Icon Wrapper erstellt werden, damit es quasi Versionsübergreifend wird.

[tschero]

Reicht es wenn man diesen Part in die "form_*" Templates kopiert?

<?php if ($this->addFontIcon): ?>
  <div class="formicon-wrapper">
  <span class="input-group-addon"><i class="<?php echo $this->fontIcon; ?>"></i></span>
  <?php endif; ?>

[tschero]

So richtig steige ich noch nicht durch.
Das hier ist das form_textfield.html5 template aus Quantum.

Wo muss denn was geändert werden?

<?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="input-wrapper block<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>">
          <div class="input-wrapper-inside <?php echo $this->class; ?>">
            <?php echo $this->generateLabel(); ?>
            <span><i class="<?php echo $this->class; ?>"></i></span>
            <?php echo $this->generate(); ?>
        </div>
        <?php if($this->hasErrors()):?>
            <p class="error"><?php echo $this->getErrorsAsString(); ?></p>
        <?php endif; ?>
    </div>
<?php endif; ?>

Muss das hier zwischen eingefügt werden?

<?php else: ?>
               <--hier hin?
    <div class="input-wrapper block<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>">

Hier wäre ich über etwas Hilfe sehr dankbar.

Gruß
tschero

[Tom]

Die Icons kommen hier über die CSS Klasse rein. Also

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

.
Ist das Formular auf Tableless gestellt?

Das Styling wird auf

.input-wrapper-inside[class*="icon-"] span

angewendet. Ist der Markup Aufbau hier korrekt? Magst hier mal einen Screenshot deines Source-Codes posten.

Schöne Grüße
Tom

[tschero]

Hi Tom,

hier mal die Links zu den beiden betroffenen Seiten.
Die Formulare stehen auf Tableless.

https://www.panzertruppe.com/kontakt...tformular.html

https://www.man-ist-der-neu-mann.de/...t-munster.html


Brauchst du noch einen anderen Code? Aus einem Template?

Gruß
tschero

[Tom]

Es sieht aus als wäre "Tableless" nicht aktiviert oder es greift die Abfrage im Template nicht. Siehe Screenshot.
Entferne mal die if Abfrage und versuch es mit folgenden Code:

<div class="input-wrapper block<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>">
   <div class="input-wrapper-inside <?php echo $this->class; ?>">
      <?php echo $this->generateLabel(); ?>
      <span><i class="<?php echo $this->class; ?>"></i></span>
      <?php echo $this->generate(); ?>
     </div>
     <?php if($this->hasErrors()):?>
        <p class="error"><?php echo $this->getErrorsAsString(); ?></p>
      <?php endif; ?>
 </div>

[tschero]

Hi Tom,

besten Dank, der Code scheint zu funktionieren.
Jetzt fallen zwei andere Dinge zum Thema auf.

1) Im Formular kann nicht mehr ausgewählt werden ob Tabellenloses Layout angewendet werden soll oder nicht (Ist mir bisher nicht aufgefallen).

2) Wenn man ein Icon mit dem IconPicer auswählen möchte kommt eine Fehlermeldung.

Gruß
tschero

[Tom]

Hi tschero,

1.) stimmt. ist mir bisher auch nicht aufgefallen. In Contao 4 ist diese Einstellung weggefallen.
2.) Sieht nach einem Problem mit dem Modul ArticleWrapper aus. Hast du hier die aktuelle Version laufen?
https://github.com/timgatzky/pct_articlewrapper

Schöne Grüße
Tom

[tschero]

Hi Tom,

mit dem aktuellen Artikelwrapper funktioniert die Auswahl jetzt.

Besten Dank für die Hilfe.

Gruß
tschero