Ankündigung

Einklappen
Keine Ankündigung bisher.

- √ - Zeilenumbruch innerhalb eines Blocks

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

    - √ - Zeilenumbruch innerhalb eines Blocks

    Hallo

    komme mit der Smartvisu eigentlich ganz gut zurecht,
    aber wenn ich mehrere Items in einem Block habe.

    Rutschen diese außerhalb des Sichtfeldes.

    Ist es vorgesehen innerhalb eines Blockes eine "neue" Zeile anzufangen?

    Hier einmal der Code Block aus meiner HTML für ein Zimmer

    Code:
       <div class="block" style="width:100%">
       <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
              <div data-role="collapsible" data-collapsed="false">
              <h3>RGB Beleuchtung</h3>
                 <table width=100%>
                   <tr>
    		 <td align=left>
    		     {{ basic.flip('flip1', 'Wohnung.Wohnbereich.RGBschalten') }}
                     <td align=center>
                         {{ basic.colordisc('Farbenkreis', 'Wohnung.Wohnbereich.RGBrot', 'Wohnung.Wohnbereich.RGBgruen', 'Wohnung.Wohnbereich.RGBblau', 0, 255, 16, 20) }}
                     </td>
    		 <br>
    		 <td align=left>
    		     {{ basic.slider('slider5', 'Wohnung.Wohnbereich.RGBrot', 0, 255, 5, 'semicircle') }}
                     </td>
    		 <td align=left>
    		     {{ basic.slider('slider5', 'Wohnung.Wohnbereich.RGBgruen', 0, 255, 5, 'semicircle') }}
                     </td>
    		 <td align=left>
    		     {{ basic.slider('slider5', 'Wohnung.Wohnbereich.RGBblau', 0, 255, 5, 'semicircle') }}
                     </td>
                    </tr>
                 </table> 
          </div>
        </div>
        </div>

    #2
    Zitat von SeatSLF Beitrag anzeigen

    Ist es vorgesehen innerhalb eines Blockes eine "neue" Zeile anzufangen?
    Abgesehen davon, das ich nicht ganz verstanden habe was Du meinst, ist mir aufgefallen das Deine slider alle die gleiche id (slider5) haben.
    Und wie es aussieht fehlt auch ein </td> nach dem basic.flip Widget.
    Mach doch mal einen Screenshot.

    Kommentar


      #3
      Der Code Fehler selber ist schon behoben

      Die Symbole gerade das für das Schlafzimmer bitte ich mal zu entschuldigen.

      Zur Zeit steht der Verteiler in unserer "alten" Wohnung, zum spielen

      Im block mit den Reglern sieht man das Problem, die sollten in die "2"Zeile.
      Angehängte Dateien

      Kommentar


        #4
        Hab es doch noch etwas besser hinbekommen.

        Bin halt total Anfänger in Sachen HTML.

        Code:
           <div class="block" style="width:100%">
           <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
                  <div data-role="collapsible" data-collapsed="false">
                  <h3>RGB Beleuchtung</h3>
                     <table width=100%>
        		     {{ basic.flip('RGBschalten', 'Wohnung.Wohnbereich.RGBschalten') }}<br />
                            <br />
                             {{ basic.colordisc('Farbenkreis', 'Wohnung.Wohnbereich.RGBrot', 'Wohnung.Wohnbereich.RGBgruen', 'Wohnung.Wohnbereich.RGBblau', 0, 255, 16, 20) }}<br />
                            <br/>
                            <br/>
                            <br/>
        		<tr>
                         <td align=left>                
        		     {{ basic.slider('Rot', 'Wohnung.Wohnbereich.RGBrot', 3, 255, 5, 'semicircle') }}             Rot
                        </td>
                         <td>
        		     {{ basic.slider('Grün', 'Wohnung.Wohnbereich.RGBgruen', 3, 255, 5, 'semicircle') }}    Gruen
                         </td>
        		</tr>
        		<br />
        		<tr>
                         <td align=left> 
        		     {{ basic.slider('Blau', 'Wohnung.Wohnbereich.RGBblau', 3, 255, 5, 'semicircle') }}    Blau
        		 </td>
                         <td>
        		     {{ basic.slider('Weiß', 'Wohnung.Wohnbereich.RGBweiss', 3, 255, 5, 'semicircle') }}     Weiss
                         </td>
           		</tr> 
        
                     </table> 
              </div>
            </div>
            </div>
        Angehängte Dateien

        Kommentar

        Lädt...
        X