Ankündigung

Einklappen
Keine Ankündigung bisher.

Icon wird nicht in dropins gefunden…

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

    Icon wird nicht in dropins gefunden…

    Hallo, eine kurze Frage:

    Warum wird das Icon in dem dropins/icons/ws so nicht gefunden bei diesem Aufruf?

    Code:
    <a href="index.php?page=Aussen_Fahrzeug">
            <img class="icon {{ page == 'Aussen_Fahrzeug' ? 'icon1' }}" src="{{ icon0 }}car-charging.svg" /><h3>Fahrzeuge</h3>
        </a>​
    Müsste nicht {{ icon0 }} auch auf dieses Verzeichnis verweisen?

    Grüße, Marc

    #2
    Moin Marc,

    die twig-Variable „icon0“ verweist je nach Design auf ./icons/ws/ oder ./icons/sw/.

    Damit sollte es gehen:
    Code:
    …src="dropins/{{ icon0 }}car-charging.svg"
    Ich bevorzuge inzwischen die Schreibweise
    Code:
     <a href="index.php?page=Aussen_Fahrzeug">
        {{ lib.svgimg ('', 'car-charging.svg', {{ page == 'Aussen_Fahrzeug' ? 'icon1': 'icon0'}}, '') }}
        <h3>Fahrzeuge</h3>
    </a>​​
    weil sich dies besser in Designs mit dark mode integriert und den Bildordner selbst sucht.

    Gruß
    Wolfram

    Kommentar


      #3
      Hallo Wolfram, vielen Dank für die Aufklärung und den Tip.
      Das hier teste ich gleich mal.
      Zitat von wvhn Beitrag anzeigen
      Ich bevorzuge inzwischen die Schreibweise
      Viele Grüße, Marc

      Kommentar


        #4
        Warte mal kurz mit dem Testen. Ich teste das nochmal. die geschweiften Klammern im Widget sind wahrscheinlich zu viel.

        Kommentar


          #5
          Ja stimmt, und wenn ich das so umsetze dann steht das Widget nicht alleine sondern wird überlagert.
          IMG_9368.jpg
          Code:
           <a href="index.php?page=Aussen_Fahrzeug">
                  {{ lib.svgimg('', 'car-charging.svg', page == 'Aussen_Fahrzeug' ? 'icon1' : 'icon0', '') }}
                  <h3>Fahrzeuge</h3>
              </a>​
          Zuletzt geändert von schuma; 28.12.2025, 18:36.

          Kommentar


            #6
            Die Klammern waren wirklich zu viel, sorry. Außerdem muss das List-Element noch die Klasse "ui-li-has-thumb" bekommen, wenn das Ganze Bestandteil der Liste sein soll. Siehe dazu auch die navigation.html im example1.smarthome.

            Hier nochmal komplett:
            Code:
            <li class="ui-li-has-thumb" data-icon="false">
                <a href="index.php?page=Aussen_Fahrzeug">
                    {{ lib.svgimg('', 'car-charging.svg', page == 'Aussen_Fahrzeug' ? 'icon1' : 'icon0', '') }}
                    <h3>Fahrzeuge</h3>
                </a>​​
            </li>​
            Gruß
            Wolfram

            Kommentar


              #7
              Prima, das sieht wirklich besser aus. Ich habe gleich mal die komplette Navigation umgebaut. Dann sind alle Aufrufe gleich.

              Vielen Dank Wolfram!

              Kommentar

              Lädt...
              X