Seiten anpassen / Anordnung Größe

[jonny7792]

Hallo zusammen , ich stehe ein wenig auf dem "Schlauch"

gerne würde ich die beiden Basic Checkbox Items nebeneinander anordnen um ein wenig Platz zu gewinnen.

visu.png

Die Seite ist wie folgt definiert:

/**
* -----------------------------------------------------------------------------
* @package smartVISU
* @author Martin Gleiß
* @copyright 2012 - 2015
* @license GPL <http://www.gnu.de>
* -----------------------------------------------------------------------------
*/


{% extends "base.html" %}

{% block sidebar %}



<div>
<img style="height: 32px; vertical-align: middle;" src="lib/weather/pics/sun_up.png" alt="sunrise">
Sonnenaufgang{{ basic.print('sunrise', 'env.location.sunrise', 'time') }}
<img style="height: 32px; vertical-align: middle;" src="lib/weather/pics/sun_down.png" alt="sunset">
Sonnenuntergang{{ basic.print('sunset', 'env.location.sunset', 'time') }}

</div>
<p>Strom{{ basic.print('', 'Photovoltaik.Zaehler_Leistung.StatusText', '%01,2f kW') }} {{ basic.print('', 'Photovoltaik.Zaehler_Leistung', '%01,2f kW') }} </p>
<p>Speicher-Ladestand {{ basic.print('', 'Photovoltaik.Speicher_SOE', '%') }} </p>


T&uuml;r &ouml;ffnen{{ basic.stateswitch('', 'EG.Windfang.Tuer', 'mini', '1', 'fts_door.svg') }}
<p>Dauerlicht Aussen{{ basic.checkbox('', 'Aussen.Wetterstation.Dauerlicht') }}
Sperre BWM Aussen{{ basic.checkbox('', 'Aussen.Wetterstation.Sperre') }}</p>

{{ multimedia.image('image2', 'http://192.168.1.33/snap.jpeg', 'fill','2s') }}


{% endblock %}


{% block content %}

{% include 'rooms_menu.html' %}

{% endblock %}​ 

[ivande]

hallo,

ich hab das immer mit html - Tabellen gelöst - siehe google "html Tabelle"

Anstelle von "Zelle1" schreibst du deine Checkboxen rein

<table>
        <tr>
            <td>Zelle1</td>
            <td>Zelle2</td>
        </tr>
</table>​
    ​

hier meine Beispiel

<table width="100%" style="text-align: left;">
    <tr>
        <td width="33%"> {{ basic.checkbox(id~'PM_Schalten1', gad_status~'.PM_Schalten1', 'PM_Schalten1') }}</td>
        <td width="33%"> {{ basic.checkbox(id~'PM_Schalten2', gad_status~'.PM_Schalten2', 'PM_Schalten2') }}</td>
        <td width="34%"> {{ basic.checkbox(id~'PM_Schalten', gad_status~'.PM_Schalten', 'PM_Schalten') }}</td>
    </tr>
</table>​​

[wvhn]

ivande,

das hatte ich gestern auch schon probiert, aber die basic.checkbox sind ziemlich sperrig in Verbindung mit dem davor gesetzten Text. Deshalb hatte ich die Tabelle wieder verworfen. Dein Hinweis hat mich dann auf die Lösung gebracht: wenn man für die Texte eigene Zellen in der Tabelle spendiert, wird alles in einer Zeile angezeigt.

<table>
    <tr>
        <td>Tür öffnen{{ basic.stateswitch('', 'EG.Windfang.Tuer', 'mini', '1', 'fts_door.svg') }}</td>
        <td>Dauerlicht Aussen</td><td>{{ basic.checkbox('', 'Aussen.Wetterstation.Dauerlicht') }}</td>
        <td>Sperre BWM Aussen</td><td>{{ basic.checkbox('', 'Aussen.Wetterstation.Sperre') }}</td>
    </tr>
</table>​

grafik.png

Gruß
Wolfram

[jonny7792]

Der Vorschlag von ivande passt wunderbar , werde es mal beobachten und berichten


gruss