Ankündigung

Einklappen
Keine Ankündigung bisher.

Neues Design: Metal

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

    #76
    Also ich hab gerade nochmal die aktuellste Version ausgecheckt und da sieht alles ok aus im Chrome(Vers. 21). Siehe Bild.
    Angehängte Dateien
    Gruß
    Tobias

    Kommentar


      #77
      Hmm, so langsam sind die Ubuntu-Jungs eigentlich nicht aber bei 17 Versionen im Quartal verliert man auch den Überblick
      Wollte es nur melden, weil 99% Smartphones haben einen Webkit von vor 2J drauf - bestenfalls..

      Makki
      EIB/KNX & WireGate & HS3, Russound,mpd,vdr,DM8000, DALI, DMX
      -> Bitte KEINE PNs!

      Kommentar


        #78
        Hi,

        lassen sich die Buttons eigentlich auch irgendwie breiter machen? Recht viel mehr als der Text ein oder aus geht sich da ja nicht aus.

        LG
        Marcus

        Kommentar


          #79
          Ich hätte da auch noch einen FR
          Ich würde gern slider und label trennen das hat den Grund dass ich das Label auf die Breite definieren kann wie mein längster Text ist und gerne den slider so groß wie möglich machen kann. Gerade auf kleinen Endgeräten ist ein "langer" Slider wirklich von Vorteil.

          Ansonsten flutscht die Visu jetzt richtig gut und schnell, auch auf dem iPad. :RESPEKT:
          Umgezogen? Ja! ... Fertig? Nein!
          Baustelle 2.0 !

          Kommentar


            #80
            Zitat von JuMi2006 Beitrag anzeigen

            Ansonsten flutscht die Visu jetzt richtig gut und schnell, auch auf dem iPad. :RESPEKT:
            Zeigen, zeigen!

            Kommentar


              #81
              Zitat von JuMi2006 Beitrag anzeigen
              Ich würde gern slider und label trennen
              Was spricht gegen Label weglassen und ein extra <text> Widget zu nehmen?
              Ggf. beide in eine <group> gepackt?
              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


                #82
                Dafür müsste es wieder eine separate css-rule geben weil der slider sonst nur 50% der Fläche nutzt (die ja fürs Label freigehalten wird).
                Umgezogen? Ja! ... Fertig? Nein!
                Baustelle 2.0 !

                Kommentar


                  #83
                  Zitat von JuMi2006 Beitrag anzeigen
                  Dafür müsste es wieder eine separate css-rule geben weil der slider sonst nur 50% der Fläche nutzt (die ja fürs Label freigehalten wird).
                  Ich hab so eine Regel mal eingecheckt, teste mal obs damit klappt.
                  Gruß
                  Tobias

                  Kommentar


                    #84
                    Also hier klappt es nicht:

                    Code:
                    <slide min="0" max="100" step="1" align="center">
                    <layout colspan = "6" />
                    <label/>
                    <address transform="DPT:5.001" readonly="false" variant="">1/1/53</address>
                    </slide>
                    Umgezogen? Ja! ... Fertig? Nein!
                    Baustelle 2.0 !

                    Kommentar


                      #85
                      Die Regel funktioniert nur wenn das Label Element komplett fehlt. Lösch einfach das leere <label/> aus deiner config das macht da eh keinen Sinn aus meiner Sicht.
                      Gruß
                      Tobias

                      Kommentar


                        #86
                        Ja das geht, bleibt nur die Überlegung was ein Editor später macht wenn kein Label da ist, bzw. sollten alles Widgets dann trotzdem arbeiten ... das weiß ich nicht.

                        Ein Anderer "Bug" ist mir jetzt aufgefallen, ich wollte eine Seite mit 2 Gruppen machen (Bel. EG und Bel. EG) und jede Gruppe jeweils 6 Spalten breit. So dass sie nebeneinander liegen.

                        Jede Gruppe teile ich dann nochmal auf in
                        3/12 switch mit label
                        7/12 slide
                        2/12 info

                        Das geht nur wenn die Gruppe auch wirklich 12/12 breit ist. Bei 6/12 Gruppe wird dann über die Ränder hinaus geschrieben (bei 7/12) und dann ein Zeilenumbruch gemacht.

                        Generell erfordert das Aufteilen in der Gruppe noch einen manuellen brake.


                        Kann man hiermit mal testen:
                        Code:
                        <!-- site: Beleuchtung -->
                        <page name="Beleuchtung" visible="false">
                          
                            <group name="Erdgeschoss">
                            <layout colspan="12" />
                        
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Kueche</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/15</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/16</address>
                        	</switch>
                        	
                          	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/18</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/18</address>
                        	</slide>
                        	    
                        	<info format="%.0f %" >
                         	<layout colspan = "2"  />
                        	<label/>
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/18</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>WC</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/30</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/31</address>
                        	</switch>
                        
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/33</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/33</address>
                        	</slide>
                        	
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/33</address>
                        	</info>
                        	
                        	<break/>
                        
                        
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>WC Spiegel</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/35</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/36</address>
                        	</switch>
                        	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                        
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/38</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/38</address>
                        	</slide>
                        	
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/38</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Hausflur</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/40</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/41</address>
                        	</switch>
                        
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/43</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/43</address>
                        	</slide>
                        	
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/43</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Flur</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/20</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/21</address>
                        	</switch>
                        	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/23</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/23</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/23</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Wohnzimmer</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/50</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/51</address>
                        	</switch>
                        	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/53</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/53</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/53</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Esszimmer</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/1/60</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/1/61</address>
                        	</switch>
                        	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/1/63</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/1/63</address>
                        	</slide>
                        	
                        	<info format="%.0f %" >
                                <label/>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/1/63</address>
                        	</info>
                            </group>
                        
                            <group name="Obergeschoss">
                            <layout colspan="12" />
                            
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Arbeitszimmer</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/10</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/11</address>
                        	</switch>
                        	
                        	<slide min="0" max="100" step="1">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/13</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/13</address>
                        	</slide>
                        		
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/13</address>
                        	</info>
                        
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Flur</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/20</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/21</address>
                        	</switch>	  
                        	  
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/23</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/23</address>
                        	</slide>
                              
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/23</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Bad Wand Spiegel</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/35</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/36</address>
                        	</switch>
                        	
                                <slide min="0" max="100" step="1" align="center">
                                <layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/38</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/38</address>
                        	</slide>
                        	
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/38</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Bad Spots Spiegel</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/100</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/101</address>
                        	</switch>
                              
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/103</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/104</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/104</address>
                        	</info>
                        
                        	<break/>
                        	  
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Bad Spots Wanne</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/105</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/106</address>
                        	</switch>
                              
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/108</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/109</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/109</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Bad Spots Dusche</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/110</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/111</address>
                        	</switch>
                              	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/113</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/114</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/114</address>
                        	</info>
                        
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Schlafzimmer</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/40</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/41</address>
                        	</switch>
                              	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/43</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/43</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/43</address>
                        	</info>
                        
                        	<break/>
                        		  
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Ankleide</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/45</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/46</address>
                        	</switch>
                              
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/48</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/48</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/48</address>
                        	</info>	  
                        
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Kind</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/50</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/51</address>
                        	</switch>
                              	
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/53</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/53</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/53</address>
                        	</info>
                        	
                        	<break/>
                        	
                        	<switch  mapping="On_Off" styling="Red_Green" >
                        	<layout colspan = "3"  />
                                <label><icon name="licht_licht"/>Gäste</label>
                                <address transform="DPT:1.001" readonly="false" variant="">1/2/60</address>
                        	<address transform="DPT:1.001" readonly="true" variant="">1/2/61</address>
                        	</switch>
                              
                        	<slide min="0" max="100" step="1" align="center">
                        	<layout colspan = "7"  />
                                <address transform="DPT:5.001" readonly="false" variant="">1/2/63</address>
                        	<address transform="DPT:5.001" readonly="true" variant="">1/2/63</address>
                        	</slide>
                        
                        	<info format="%.0f %" >
                                <label></label>
                        	<layout colspan = "2"  />
                                <address transform="DPT:5.001" readonly="true" variant="">1/2/63</address>
                        	</info>
                          </group>
                        
                        </page>
                        Umgezogen? Ja! ... Fertig? Nein!
                        Baustelle 2.0 !

                        Kommentar


                          #87
                          Ich hab's jetzt nicht getestet, da ich nicht verstanden habe was. Gundsätzlich glit: wenn Du eine schmalere Gruppe (z.B. 6/12) machst, dann darf der da drinnen enthaltene Inhalt natürlich auch nur genau so breit (also in Summe 6) sein.

                          => Ein Element mit colspan="7" wird in einer Gruppe der Breite 6 nicht funktionieren.
                          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


                            #88
                            Aha, ich dachte immer dass die colspan dann für die Gruppe wieder neu berechnet wird, mir war als hätte das schonmal so funktioniert. Ich kann da aber auch irren.

                            Danke und Gruß
                            Mirko
                            Umgezogen? Ja! ... Fertig? Nein!
                            Baustelle 2.0 !

                            Kommentar


                              #89
                              Dann höchstens als Fehler

                              Der User (oder ggf. Editor) ist verantwortlich die Summe gleich zu lassen. So kann das Design die Spalten definieren und die passen dann immer zusammen.
                              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


                                #90
                                Design Metall, svn

                                Hoi

                                Ich hab' da mal ne Frage zum Design Metall:

                                In der visu_svn habe ich innerhalb der Startpage 4 weitere Pages definiert.
                                Ich kann mit der Navbar oben sehr schön die Seiten anspringen und wechseln.

                                Irgendwie werden die Seiten automatisch unten als Links angefügt.
                                Kann ich das abstellen?

                                Ich hab' schon versucht die Pages ausserhalb der Start-Page zu definieren, aber dann funktioniert das Wechseln irgendwie nicht mehr.
                                Grüsse Bodo
                                Fragen gehören ins Forum, und nicht in mein Postfach;
                                EibPC-Fan; Wiregate-Fan; Timberwolf-Fan mit 30x 1-Wire Sensoren;

                                Kommentar

                                Lädt...
                                X