Gibts eine möglichkeit die Größe und Breite der Tabs irgendwie anzupassen? Ich hätte das gerne wie beim Gira Quad Client. Rechts und Links ein Pfeilsymbol und in der Mitte mehrere Tabs. Allerding müssen die Pfeiltabs ja nicht so breit sein, wie die anderen Tabs. Auch mit der Höhe der Tabs komm ich nicht so richtig weiter.
Anbei noch mein Code. Quasi aus der Beispielseite.
image_71675.jpg
Anbei noch mein Code. Quasi aus der Beispielseite.
Code:
{% block quad_top %} <div id="navbar1" class="nw_tab-header ui-min" data-role="navbar" data-tab-selection="tab1"> <ul> <li><a href="#" data-tab-class="tab1"><img class="icon" src="{{ icon0 }}edit_settings.svg" /></a></li> <li><a href="#" data-tab-class="tab2"><h1>Wind</h1></a></li> <li><a href="#" data-tab-class="tab3"><h3>Helligkeit</h3></a></li> <li><a href="#" data-tab-class="tab4"><h5>Globalstrahlung</h5></a></li> </ul> </div> <div id="tab-content1" class="nw_tab-content"> <div class="tab1">{{ plot.period('plot.aa.temp', ['aa.temp', 'ws.temperatur'], 'avg', '1w', 0, -20, 40, '', ['Nordwand', 'Dach'], '', '', '', '1h') }}</div> <div class="tab2 ui-screen-hidden">{{ plot.period('plot.wind', 'ws.wind.geschwindigkeit', 'avg', '1w', 0, 0, 15, '', 'Geschwindigkeit', '', '', '', '1h') }}</div> <div class="tab3 ui-screen-hidden">{{ plot.period('plot.helligkeit', ['ws.helligkeit.nord', 'ws.helligkeit.ost', 'ws.helligkeit.sued', 'ws.helligkeit.west', 'ws.helligkeit.sky'], 'avg', '1w', 0, 0, 80000, '', ['Nord', 'Ost', 'Süd', 'West', 'Sky'], '', '', '', '1h') }}</div> <div class="tab4 ui-screen-hidden">{{ plot.period('plot.globalstrahlung', ['ws.globalstrahlung.nord', 'ws.globalstrahlung.ost', 'ws.globalstrahlung.sued', 'ws.globalstrahlung.west', 'ws.globalstrahlung.sky'], 'avg', '1w', 0, 0, 1000, '', ['Nord', 'Ost', 'Süd', 'West', 'Sky'], '', '', '', '1h') }}</div> </div> {% endblock %}
Kommentar