Ankündigung

Einklappen
Keine Ankündigung bisher.

basic.symbol als Link verwenden

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

    basic.symbol als Link verwenden

    Hallo.
    In meiner menu.html, also die obere Navigationsleiste, würde ich gerne basic.symbol als Link verwenden.
    Konkret geht es darum: Der Status eines Items soll durch zwei unterschiedliche Symbole dargestellt werden. Wenn man dann auf das Symbol klickt, wird man zu einer Seite weiter geleitet und erhält weitere Information.
    Folgendes habe ich programmiert:

    HTML-Code:
    <a href="index.php?page=OG.Briefkasten">
            {{ basic.symbol('', 'OG.Zentralfunktionen.Posteinwurf', '', ['message_postbox.svg','message_postbox_mail.svg'], [0,1], '', ['icon0','icon1']) }}</a>
    Leider wird neben dem Symbol noch ein weißer Strich "-" dargestellt. Wie kriegt man diesen Weg?

    Menü.png
    Vielen Dank für Eure Hilfe.

    Grüße
    Thomas


    #2
    Stefan hat in 2.9 die Möglichkeit eingebaut, den href direkt im basic.symbol anzugeben (hatte damals im Helios-Widget das gleiche Problem). Für Details kurz mal die Doku konsultieren ...
    /tom

    Kommentar


      #3
      Hallo,
      schonmal Danke für die Antwort.
      Ich habe jetzt den Code aus dem ersten Post durch diesen hier ersetzt:
      HTML-Code:
      {{ basic.symbol('', 'OG.Zentralfunktionen.Posteinwurf', '', ['message_postbox.svg','message_postbox_mail.svg'], [0,1], '', ['icon0','icon1'], './index.php?page=OG.Briefkasten') }}
      Leider ändert das an der Darstellung überhaupt nichts. Der Strich ist immer noch da.
      Daten im Cache schließe ich aus. Wenn ich ein anderes Symbol, z.B. die Kamera, aus der menu.html entferne, ist es beim Reload verschwunden.
      Woran könnte es dann liegen?

      Kommentar


        #4
        Zeig mal bitte den ganzen Codeblock mit den Zeilen vor und nach dem Symbol. Ich vermute mal ganz einfach, dass im HTML irgendwo ein '-' Zeichen steht, das an dieser Stelle ausgegeben wird ...
        /tom

        Kommentar


          #5
          HTML-Code:
          <div id="menu" class="menu">
          
              <a id="menu-rooms" class="icon1" href="index.php">
                  <img class="icon" src="{{ icon0 }}control_building_empty.svg" /></a>
          
              <a id="menu-category" class="icon1" href="index.php?page=Zentralfunktionen">
                  <img class="icon" src="{{ icon0 }}time_manual_mode.svg" /></a>
                  
              <a id="menu-apps" class="icon1" data-ajax="false" href="index.php?page=Sensordaten">
                  <img class="icon" src="{{ icon0 }}time_graph.svg" /></a>
          
              {{ basic.symbol('', 'OG.Zentralfunktionen.Posteinwurf', '', ['message_postbox.svg','message_postbox_mail.svg'], [0,1], '', ['icon0','icon1'], './index.php?page=OG.Briefkasten') }}
          
              <a id="menu-apps" class="icon1" data-ajax="false" href="index.php?page=Kamera">
                  <img class="icon" src="{{ icon0 }}it_camera.svg" /></a>
          
              <a href="#popup_Kamera_Eingang" data-rel="popup">
                  <img class="icon" src="{{ icon0 }}message_bell.svg" /></a>
                  
                      <div id="popup_Kamera_Eingang" data-role="popup" style="width:60%; height:60%;">
                          <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
                              <img class="ui-corner-bottom" id="mjpgImage" alt="Processing..." src="http://192.168.1.21/axis-cgi/mjpg/video.cgi">
                      </div>
          
              <a id="menu-system" class="icon1" data-ajax="false" href="index.php?page=config">
                  <img class="icon" src="{{ icon0 }}edit_settings.svg" /></a>
          
          </div>

          Kommentar


            #6
            Dein Code ist ok. Es ist IMHO ein Fehler der Browser Engine: Über das basic.symbol werden u.a. zwei Abschnitte <span> ... </span> erzeugt. Zwischen diesen Abschnitten ist nur Leerraum (Tabs). Leider führt dieser Leerraum dazu, das der Strich entsteht. Ich weiß nicht, ob smai daran was ändern kann.

            Z.B. auf Stackoverflow steht was dazu.
            Given this HTML and CSS: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </s...

            Kommentar


              #7
              smai konnte etwas ändern, ist committed.
              Ironischerweise mussten im Quellcode ein paar - eingefügt werden, um den - loszuwerden. In Twig kann man nämlich mit einem - zu Beginn und/oder Ende eines Tags angeben, dass die Whitespaces zwischen diesem Tag und dem benachbarten Element weggelassen werden sollen.

              Kommentar


                #8
                Hallo,
                vielen Dank für Eure Hilfe. Funktioniert alles.
                Ihr seid echt super! Meinen allergrößten Respekt für die Arbeit, die ihr hier macht!

                Kommentar

                Lädt...
                X