New FHEM Tablet UI

[setstate]

Hallo Zusammen,

wie schaffe ich es eigentlich, dass ein Switch mit Label und ein Contact mit Label in einer Zeile (data-sizex="5") mittig angezeigt werden? Ich muss ja mit class="left", class="right" bzw. class="cell" arbeiten. Wenn ich gar nichts angebe, dann erscheinen die Symbole untereinander. Verwende ich aber left oder right, dann erscheinen die Symbole ganz links oder ganz rechts. Aber ich hätte sie eben gerne links bzw. rechts von der Mitte.

Geht das irgendwie?

Hallo jsloot,
Ohne das ganze überprüfen zu können sollte es theoretisch so gehen
Verschachtelt:

Code Auswählen Erweitern


<div class="cell inline">
   <div class="cell">
       <div></div>
        <div></div>
    </div>
    <div class="cell">
        <div></div>
         <div></div>
     </div>
</div>


       
     
 


[Sky]

Was sagt ls -l  für das übergeordnete Verzeichnis  und die einzelnen Files ?


Was meinst Du mit  ls -l  ??

[setstate]

Was sagt ls -l  für das übergeordnete Verzeichnis  und die einzelnen Files ?


Was meinst Du mit  ls -l  ??

Mit Putty im Linux die Fileliste mit den gesetzten Rechten anzeigen lassen
Das geht mit dem Command ls
Und ls mit Paramter -l (wie long) zeigt auch die Gruppenmitgliedschaft und die Rechte mit an
http://www.linux-fuer-alle.de/doc_show.php?docid=17&catid=8

[Sky]

Ein Dickes Dankeschön 

[Phil__]

Weiss jemand wie ich einen Link/Externe Seite einbinde?

So gehts nicht:

Code Auswählen Erweitern

    <li data-row="2" data-col="2" data-sizex="5" data-sizey="4">
<header>Unwetterwarnungen</header>
<div class="cell">
                <iframe id="aussen_iframe" src="http://www.dwd.de/dyn/app/ws/html/reports/FXX_warning_de.html" width='680' height='553' scrolling='auto' allowtransparency='true' frameborder='0'></iframe>
</div>
            </li>

Es steht im Dashboard dann: "No HTTPSRV device for /tablet"

Grüße

[nesges]

wie schaffe ich es eigentlich, dass ein Switch mit Label und ein Contact mit Label in einer Zeile (data-sizex="5") mittig angezeigt werden?

Ich  verwende dafür

Code Auswählen Erweitern

.centered {
margin-left:auto;
margin-right:auto;
display:table;
}

In einem übergeordneten Container.

[jsloot]

Vielen Dank für die Hilfestellungen, aber ich mache wohl irgendwas falsch... bin jetzt auch nicht der html-Guru...

Mein Code sieht wie folgt aus:

Code Auswählen Erweitern

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="5" data-sizey="1">
        <header>Ready to go?</header>
        <div class="centered">
                        <div data-type="switch" data-device="Alle_Lichter" class=""></div>
                        <div data-type="label" class="small narrow darker">Alle Lichter</div>
                        <div data-type="contact" data-device="Alle_Fenster" class=""></div>
                        <div data-type="label" class="small narrow darker">Alle Fenster</div>
        </div>
</li>

Und ich habe das

Code Auswählen Erweitern

.centered {
  margin-left:auto;
  margin-right:auto;
  display:table;
}
in die css/fhem-tablet-ui.css gepackt.

Gruß, der Sloot

[setstate]

Und erzeugt das das Gewünschte?

Code Auswählen Erweitern


<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="5" data-sizey="1">
        <header>Ready to go?</header>
        <div class="centered inline">
            <div class="cell">
                        <div data-type="switch" data-device="Alle_Lichter" class=""></div>
                        <div data-type="label" class="small narrow darker">Alle Lichter</div>
                  </div>
                  <div class="cell">
                        <div data-type="contact" data-device="Alle_Fenster" class=""></div>
                        <div data-type="label" class="small narrow darker">Alle Fenster</div>
                 </div>
        </div>
</li>


[jsloot]

Leider nein 

[setstate]

Schade, war auch ungetestet. Ich probiere es dann mal bei mir, wenn ich zuhause bin.

[jsloot]

Ich danke dir!!!

[setstate]

so gehts

Code Auswählen Erweitern


<li data-row="1" data-col="1" data-sizex="5" data-sizey="1">
        <header>Ready to go?</header>
        <div class="top-space">
            <div class="inline">
                        <div data-type="switch" data-device="Alle_Lichter" class=""></div>
                        <div data-type="label" class="small darker">Alle Lichter</div>
                  </div>
                  <div class="inline">
                        <div data-type="contact" data-device="Alle_Fenster" class=""></div>
                        <div data-type="label" class="small darker">Alle Fenster</div>
                 </div>
        </div>
</li>


extra CSS

Code Auswählen Erweitern


.top-space{
    margin-top: 15px !important;
}


[jsloot]

Super!!! Vielen Dank!!

[setstate]

Oder so:

Code Auswählen Erweitern


        <div class="cell">
                 <div class="inline">
                        <div data-type="switch" data-device="Alle_Lichter" class="cell"></div>
                        <div data-type="label" class="small darker">Alle Lichter</div>
                  </div>
                  <div class="inline">
                        <div data-type="contact" data-device="Alle_Fenster" class="cell"></div>
                        <div data-type="label" class="small darker">Alle Fenster</div>
                 </div>
        </div>


[jsloot]

Ich nochmal...

Der Dimmer wird bei mir so seltsam angezeigt... liegt das an mir?

Gruß, der Sloot