Sidebar und Optisches Design

[csamaggi]

Hallo an alle hier,

ich bin noch recht neu bei Comet dabei aber muss sagen es gefällt mir sehr gut nur bin ich nicht ganz so bewandert in XML.
Ich nutze Notepad++ um die XML Datei zu bearbeiten.

Nun habe ich ein bisschen hier im Forum gestöbert und gesehen dass einige eine Sidebar in die Visu eingebaut haben dieses muss ich sagen gefällt mir auch.
Dazu nun einige Frage wie kann ich dieses ein binden und funktioniert es auch Problemlos mit Mobile Devices in diesem Fall einem Tab?

Dann habe ich ein Frage wie kann ich ein Lücke zwischen Heizung und Multimedia im Design schließen siehe hier auf dem Bild. Lücke in CometVisu.JPG



Hier dann das was in meiner visuconfig steht nur Auszug von den beiden Elementen.

<group name="Heizung">
        <layout colspan="4"/>
        <group name="Wohnzimmer">
          <layout colspan="4"/>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
              <layout colspan="0.9"/>
              <label>
                <icon name="temp_temperature"/><icon name="scene_livingroom"/>
              </label>
            </text>
            <info format="%.1f °C" series="day" period="2" refresh="120" tooltip="true" gridcolor="#707070" legendposition="nw">
            <layout colspan="1.1"/>
            <address transform="OH:number">Temp_Wohnzimmer_Heizung</address>
          </info>
          </group>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
            <layout colspan="0.9"/>
            <label>
              <icon name="temp_temperature_max"/><icon name="scene_livingroom"/>
            </label>
          </text>
          <info format="%.1f °C" series="day" period="2" refresh="120" tooltip="true" gridcolor="#707070" legendposition="nw">
            <layout colspan="1.1"/>
            <address transform="OH:number">Temp_Wohnzimmer_Heizung</address>
          </info>
          </group>
         </group>
        <group name="Küche">
          <layout colspan="4"/>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
              <layout colspan="0.9"/>
              <label>
                <icon name="temp_temperature"/><icon name="scene_kitchen_sink"/>
              </label>
            </text>
            <info format="%.1f °C" series="day" period="2" refresh="120" tooltip="true" gridcolor="#707070" legendposition="nw">
            <layout colspan="1.1"/>
            <address transform="OH:number"></address>
          </info>
          </group>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
              <layout colspan="0.9"/>
              <label>
                <icon name="temp_temperature"/><icon name="scene_kitchen_sink"/>
              </label>
            </text>
           <info format="%.1f °C" series="day" period="2" refresh="120" tooltip="true" gridcolor="#707070" legendposition="nw">
            <layout colspan="1.1"/>
            <address transform="OH:number"></address>
          </info>
          </group>
        </group>
      </group>
       <group name="Fenster/Rolladen">
        <layout colspan="3"/>
        <info mapping="AufZuSchiebeTuerSymbol" styling="NeutralRotBG" align="center" refresh="10">
          <layout colspan="3" rowspan="1"/>
          <label>
            <icon name="scene_office"/>
          </label>
        <address transform="OH:contact">Contact_Wohnzimmer_Tuer</address>
        </info>
        <info mapping="AufZuFensterSymbol2FRechts" styling="NeutralRotBG" align="center">
          <layout colspan="3" rowspan="1"/>
          <label>
            <icon name="scene_livingroom"/>
          </label>
        <address transform="OH:contact">Contact_Wohnzimmer_Fenster</address>
        </info>
         <info mapping="AufZuFensterSymbol2FLinks" styling="NeutralRotBG" align="center">
          <layout colspan="3" rowspan="1"/>
          <label>
            <icon name="scene_livingroom"/>
          </label>
        <address transform="OH:contact">Contact_Wohnzimmer_Fenster</address>
        </info>
        <info mapping="RolloSymbol" styling="NeutralRotBG" align="center">
          <layout colspan="3" rowspan="1"/>
          <label>
            <icon name="scene_livingroom"/>
          </label>
        <address transform="OH:rollershutter">Rollo_Wohnzimmer_Rolladen</address>
        </info>
            <layout colspan="3"/>
            <trigger value="1" mapping="AufAbSymbol" align="center">
              <layout colspan="1"/>
              <address transform="OH:rollershutter">Rollo_Wohnzimmer_Rolladen</address>
            </trigger>
            <trigger value="1" mapping="HaltSymbol" align="center">
              <layout colspan="1"/>
              <address transform="OH:rollershutter">Rollo_Wohnzimmer_Rolladen</address>
            </trigger>
            <trigger value="0" mapping="AufAbSymbol" align="center">
              <layout colspan="1"/>
              <address transform="OH:rollershutter">Rollo_Wohnzimmer_Rolladen</address>
            </trigger>
            <layout colspan="3"/>
            <slide min="0" max="100" format="%.0f%" flavour="white">
              <layout colspan="3"/>
              <address transform="OH:rollershutter">Rollo_Wohnzimmer_Rolladen</address>
            </slide>
        <info mapping="AufZuFensterSymbol" styling="NeutralRotBG" align="center">
          <layout colspan="3" rowspan="1"/>
          <label>
            <icon name="scene_dinner"/>
          </label>
          <address transform="OH:contact"></address>
        </info>
      </group>
        <group name="Multimedia">
        <layout colspan="4"/>
        <group name="Wohnzimmer Sonos">
          <layout colspan="4"/>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
              <layout colspan="0.9"/>
              <label>
                <icon name="audio_sound"/>
              </label>
            </text>
             <switch on_value="1" off_value="0" mapping="PlayPauseSymbol" styling="NeutralGrünBG" align="center" refresh="10">
              <layout colspan="1.1"/>
            <address transform="OH:switch">PlayLivingRoom</address>
            </switch>
          </group>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
            <layout colspan="0.9"/>
            <label>
              <icon name="audio_sound"/>
            </label>
          </text>
          <switch on_value="1" off_value="0" mapping="AudioSymbol" styling="NeutralGrünBG" align="center" refresh="10">
              <layout colspan="1.1"/>
            <address transform="OH:switch">MuteLivingRoom</address>
            </switch>
          </group>
            <group nowidget="true">
            <layout colspan="4"/>
            <text align="left">
            <layout colspan="0.9"/>
            <label>
              <icon name="audio_volume_mid"/>
            </label>
          </text>
          <slide min="0" max="100" format="%.0f%" flavour="sodium">
             <layout colspan="3.1"/>
              <address transform="OH:dimmer">living_volume</address>
            </slide>
          </group>
        </group>
                <group name="Küche Sonos">
          <layout colspan="4"/>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
              <layout colspan="0.9"/>
              <label>
                <icon name="audio_sound"/>
              </label>
            </text>
             <switch on_value="1" off_value="0" mapping="PlayPauseSymbol" styling="NeutralGrünBG" align="center" refresh="10">
              <layout colspan="1.1"/>
            <address transform="OH:switch">PlayKitchenRoom</address>
            </switch>
          </group>
          <group nowidget="true">
            <layout colspan="2"/>
            <text align="left">
            <layout colspan="0.9"/>
            <label>
              <icon name="audio_sound"/>
            </label>
          </text>
          <switch on_value="1" off_value="0" mapping="AudioSymbol" styling="NeutralGrünBG" align="center" refresh="10">
              <layout colspan="1.1"/>
            <address transform="OH:switch">MuteKitchenRoom</address>
            </switch>
          </group>
            <group nowidget="true">
            <layout colspan="4"/>
            <text align="left">
            <layout colspan="0.9"/>
            <label>
              <icon name="audio_volume_mid"/>
            </label>
          </text>
          <slide min="0" max="100" format="%.0f%" flavour="sodium">
             <layout colspan="3.1"/>
              <address transform="OH:dimmer">kitchen_volume</address>
            </slide>
          </group>
        </group>
      </group>

Danke

MFG Maggi

[alltime]

Am einfachsten wäre es die Fenster und Heizungsgruppe zu tauschen. Wenn du das nicht willst musst du wohl mit <group nowidget="true"> Heizung und Multimedia umschließen.
Meinst du mit sidebar die navbar left oder right? Die kannst du mit <navbar Position="left">... Einbinden. Im Page Element der Seite musst du auch shownavbarleft="true" setzen.