Oberer Buttonleiste ausblenden

[zhermann]

Guten Morgen,

bin neu bei smartVISU und finde das ist im Moment das beste Visualisierungssystem für fhem.

Jetzt habe ich mal Alles sowiet erstellt. Was ich aber irgenwie weg bekommen möchte, ist die oberer Leiste.


Meine Anzeigen sollen/müßen per default auf eine maximale Größe von 800 x 480 px passen. Die obere Leiste nimmt mir halt ein paar Pixel weg, die ich gut gebrauchen könnte.

Gibt es einen Schalter mit der ich die Leiste ausblenden kann, oder muß diese RAUS programiert werden?

Vielen Dank für Eure Hilfe.

ZHermann

[molli123]

Das würde mich auch interessieren. Bin auf selber Auflösung unterwegs. Die obere Menüleiste nimmt schon viel Platz weg.

Grüße Molli

[smai]

Du kannst folgendes in deiner visu.css einfügen:

[role="banner"] {
  display: none;
}
.base.ui-page {
  padding-top: 0 !important;
}

Ich kann dir aber nicht garantieren, dass dadurch nicht sonst noch irgendwas ausgeblendet wird.

[zhermann]

Guten Abend,

ich habe einfach als erste Lösung folgernden Teil in der base.html auskommentiert. Ist nicht die feine Englische aber funktioniert soweit.

{% block body %}

    <div data-role="page" id="{{ page }}" class="base" data-theme="a">
<!--    
        <div data-role="header" data-position="fixed" data-tap-toggle="false">
            <div class="ui-left">
                {% include 'menu.html' %}
            </div>
            <div class="ui-right">
                <a href="javascript:window.location.href=window.location.href" style="text-decoration:none;color:#fff;">
                    {{ lib.smartvisu() }}
                    <div class="mini">
                        {{ clock.miniclock('miniclock') }}, {{ "now"|date('d.m,') }} v{{ config_version }}
                    </div>
                </a>
            </div>
            <div class="signal hide" onClick="$('.ui-page-active .alert').popup('open');"></div>
            <div class="alert" data-role="popup" data-overlay-theme="a">
                <div data-role="header" data-theme="c"><h1></h1></div>
                <p></p>

                <div class="control">
                    <span class="stamp"></span>
                    <a onClick="notify.remove();" data-mini="true" data-icon="check" data-iconpos="top" data-role="button" data-inline="true">OK</a>
                    <a onClick="$('.alert').popup('close');" data-mini="true" data-icon="delete" data-iconpos="top" data-role="button" data-inline="true">Cancel</a>
                </div>
            </div>
        </div>
-->

....

Vielleicht kan ja ein versierter PHP/HTML Programmierer die Bar als app um wandeln, so das man Sie explizit setzen kann oder auch nicht.

@smai: werde ich mal ausprobieren, poste danm das Ergebnis.

Gruß ZHermann