Ankündigung

Einklappen
Keine Ankündigung bisher.

Problem mit Textausrichtung in Navbar links

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
    #1

    Problem mit Textausrichtung in Navbar links

    Hallo,

    habe nun mit der Visualisierung angefangen - und steh schon etwas auf dem Schlauch, was die Navbar links betrifft. Im Gegenzug zu den Demo-Metal-Configs ist bei mir die Textausrichtung nicht einheitlich, wie man hier sehen kann.



    Ich finde aber nicht heraus, was bei mir anders ist...

    Es handelt sich um eine aktuelle SVN-Version.

    Config-Ausschnitt:

    Code:
      <page name="Übersicht" showtopnavigation="false" showfooter="false" shownavbar-left="false">
        <navbar position="top">
        
      <pagejump target="Übersicht">
        <layout colspan="0"/>
        <label><icon name="control_home"/>Übersicht</label>
      </pagejump>
      <pagejump target="EG">
        <layout colspan="0"/>
        <label><icon name="control_building_s_eg"/>EG</label>
      </pagejump>
      <pagejump target="OG">
        <layout colspan="0"/>
        <label><icon name="control_building_s_og"/>OG</label>
      </pagejump>
      <pagejump target="Außen">
        <layout colspan="0"/>
        <label><icon name="control_building_outside"/>Außen</label>
      </pagejump>
      <pagejump target="Garage">
        <layout colspan="0"/>
        <label><icon name="fts_garage"/>Garage</label>
      </pagejump>
      <pagejump target="Audio">
        <layout colspan="0"/>
        <label><icon name="audio_audio"/>Audio</label>
      </pagejump>
      <pagejump target="TV">
        <layout colspan="0"/>
        <label><icon name="it_television"/>TV</label>
      </pagejump>
      <pagejump target="Technik">
        <layout colspan="0"/>
        <label><icon name="message_service"/>Technik</label>
      </pagejump>
      <pagejump target="Alarm">
        <layout colspan="0"/>
        <label><icon name="secur_alarm"/>Alarm</label>
      </pagejump>
      <pagejump target="Meldungen">
        <layout colspan="0"/>
        <label><icon name="message_notice"/>Meldungen</label>
      </pagejump>
      <pagejump target="Status">
        <layout colspan="0"/>
        <label><icon name="message_ok"/>Status</label>
      </pagejump>
      <pagejump target="Test">
        <layout colspan="0"/>
        <label><icon name="message_stop"/>Test</label>
      </pagejump>
            
    </navbar>
        
        <page name="Allgemein" visible="false" shownavbar-left="true">
                
        </page>
        
        <page name="EG" visible="false" shownavbar-left="true">
        
      <navbar position="left" dynamic="true" width="240px">
                        
                <pagejump target="EG_Uebers" name="  Erdgeschoss">
                    <label>
                        <icon name="control_building_s_eg"/>
                    </label>
                </pagejump>
                
                <pagejump target="Diele_EG" name="Diele">
                    <label>
                        <icon name="scene_stairs"/>
                    </label>
                </pagejump>
                    
                <pagejump target="Kueche/Wohn-/Esszimmer" name="  Kueche/Wohnzi.">
                    <label>
                        <icon name="scene_livingroom"/>
                    </label>
                </pagejump>
                
                <pagejump target="Buero" name="Büro">
                    <label>
                        <icon name="scene_livingroom"/>
                    </label>
                </pagejump>                
                                
                <pagejump target="WC" name="WC">
                    <label>
                        <icon name="scene_livingroom"/>
                    </label>
                </pagejump>
                
                <pagejump target="SPK" name="Speißekammer">
                    <label>
                        <icon name="scene_livingroom"/>
                    </label>
                </pagejump>
                                
                <pagejump target="Technik" name="Technik">
                    <label>
                        <icon name="scene_livingroom"/>
                    </label>
                </pagejump>
                
                <page name="EG_Uebers" visible="false">
                                
                
                </page>    
                    
                <page name="Diele_EG" visible="false">
                                
                
                </page>
                
                <page name="Kueche/Wohn-/Esszimmer" visible="false">
                
                    
                
                </page>
                
                <page name="Buero" visible="false">
                
                    
                
                </page>
                
                <page name="WC" visible="false">
                
                    
                
                </page>
                
                <page name="SPK" visible="false">
                
                    
                
                </page>
                
                <page name="Technik" visible="false">
                
                    
                
                </page>
            
            </navbar>
            
        </page>
        
        <page name="OG" visible="false" shownavbar-left="true">

            <page name="Diele_OG" visible="false">
            
                
            
            </page>
            
            <page name="Kind West" visible="false">
            
                
            
            </page>
            
            <page name="Kind Sued" visible="false">
            
                
            
            </page>
            
            <page name="Schlafzimmer" visible="false">
            
                
            
            </page>
            
            <page name="Bad" visible="false">
            
                
            
            </page>
            
            <page name="Dachboden" visible="false">
            
                
            
            </page>
            
        </page>
        
        <page name="Außen" visible="false" shownavbar-left="true">
            
        </page>
        
        <page name="Garage" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Audio" visible="false" shownavbar-left="true">

        </page>
        
        <page name="TV" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Technik" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Alarm" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Meldungen" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Status" visible="false" shownavbar-left="true">

        </page>
        
        <page name="Test" visible="false" shownavbar-left="true">

        </page>
            
  </page>
</pages>
    Stichworte: -
    #2
    Das hängt nicht mit der Konfig zusammen (also nicht direkt...), sondern mit dem Design:
    Es scheint so, dass wenn der Text zu lang wird, der sich nach links schiebt.

    Aber: Du trennst den Text auf, in das Icon im <label> und den Text im name-Attribut.
    Die metal-Demo-Config schreibt alles gleich in's Label.

    Wäre das eine Lösung?
    TS2, B.IQ, DALI, WireGate für 1wire so wie Server für Logik und als KNX Visu die CometVisu auf HomeCockpit Minor. - Bitte keine PNs, Fragen gehören in das Forum, damit jeder was von den Antworten hat!

    Kommentar

      #3
      Hi,

      also die Left-Navbar Pagejumps sind in der Metal-Demo-Config doch genauso aufgebaut?

      Hier mal ein Ausschnitt aus der Metal-Demo-Config, von der KNX-Page:

      Code:
          
    <navbar position="left" dynamic="true" width="200px">
        <group name="Räume">
          <pagejump target="Wohnzimmer" name="Wohnen">
            <label>
              <icon name="it_television"/>
            </label>
          </pagejump>
          <pagejump target="Schlafzimmer" name="Schlafen">
            <label>
              <icon name="scene_sleeping"/>
            </label>
          </pagejump>
        </group>
        <group name="Sonstiges">
          <pagejump target="Temperaturen" name="Temperatur">
            <label>
              <icon name="temp_temperature"/>
            </label>
          </pagejump>
        </group>
      </navbar>

      Kommentar

        #4
        Jetzt hab ich den Unterschied gefunden: In der Demo-Config sind die Pagejumps der Navbar zusätzlich in einer Group - Das war bei mir nicht der Fall. Wenn ich eine Group einfüge passt die Ausrichtung, schaut aber natürlich mit Rahmen anders aus.

        Kommentar

        Vorherige template Weiter
        Lädt...
        X

        Wir verarbeiten personenbezogene Daten über die Nutzer unserer Website mithilfe von Cookies und anderen Technologien, um unsere Dienste bereitzustellen. Weitere Informationen findest Du in unserer Datenschutzerklärung.

        Indem Du unten auf "ICH stimme zu" klickst, stimmst Du unserer Datenschutzerklärung und unseren persönlichen Datenverarbeitungs- und Cookie-Praktiken zu, wie darin beschrieben. Du erkennst außerdem an, dass dieses Forum möglicherweise außerhalb Deines Landes gehostet wird und bist damit einverstanden, dass Deine Daten in dem Land, in dem dieses Forum gehostet wird, gesammelt, gespeichert und verarbeitet werden.

        Ich stimme zu