Ankündigung

Einklappen
Keine Ankündigung bisher.

Font-Icons bei Formularen fehlen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Font-Icons bei Formularen fehlen

    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
    Angehängte Dateien
    https://www.webdesign24.biz

  • #2
    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
    https://www.webdesign24.biz

    Kommentar


    • #3
      Also ich sehe Icons in der Panzertruppe
      http://www.premium-contao-themes.com

      Kommentar


      • #4
        Dann zauberst Du .
        Weder mit FF, noch IE oder Chrome.
        Siehe hier:
        https://www.panzertruppe.com/kontakt...tformular.html
        Zuletzt geändert von tschero; 17.01.2019, 10:45.
        https://www.webdesign24.biz

        Kommentar


        • #5
          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.
          http://www.premium-contao-themes.com

          Kommentar


          • #6
            Reicht es wenn man diesen Part in die "form_*" Templates kopiert?
            PHP-Code:
            <?php if ($this->addFontIcon): ?>
              <div class="formicon-wrapper">
              <span class="input-group-addon"><i class="<?php echo $this->fontIcon?>"></i></span>
              <?php endif; ?>
            https://www.webdesign24.biz

            Kommentar


            • #7
              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-Code:
              <?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-Code:
              <?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
              Zuletzt geändert von tschero; 17.01.2019, 14:13.
              https://www.webdesign24.biz

              Kommentar


              • #8
                Die Icons kommen hier über die CSS Klasse rein. Also
                HTML-Code:
                <?php echo $this->class; ?>
                .
                Ist das Formular auf Tableless gestellt?

                Das Styling wird auf
                HTML-Code:
                .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
                *********************
                Neu: Kostenloser Contao Installer 3.0
                *********************
                Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

                Kommentar


                • #9
                  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
                  https://www.webdesign24.biz

                  Kommentar


                  • #10
                    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:

                    HTML-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>
                    *********************
                    Neu: Kostenloser Contao Installer 3.0
                    *********************
                    Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

                    Kommentar


                    • #11
                      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

                      Angehängte Dateien
                      https://www.webdesign24.biz

                      Kommentar


                      • #12
                        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
                        *********************
                        Neu: Kostenloser Contao Installer 3.0
                        *********************
                        Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

                        Kommentar


                        • #13
                          Hi Tom,

                          mit dem aktuellen Artikelwrapper funktioniert die Auswahl jetzt.

                          Besten Dank für die Hilfe.

                          Gruß
                          tschero
                          Zuletzt geändert von tschero; 25.01.2019, 07:56.
                          https://www.webdesign24.biz

                          Kommentar

                          Lädt...
                          X