FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: uwirt am 01 März 2021, 16:28:29

Titel: Balken im Hintergrund
Beitrag von: uwirt am 01 März 2021, 16:28:29
Ich habe auf allen meinen Seiten die Titel mit einem grauen Balken hinterlegt. Weiss jemand wie ich den entfernen, bzw. schwarz einfärben kann?

Hier eine Seite aus meinem FTUI als Beispiel:


<!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>

<body>
<div class="gridster">
<meta name="gridster_cols" content="5">
<meta name="gridster_rows" content="6">

<ul>

<li data-row="1" data-col="1" data-sizex="1" data-sizey="7" data-template="menu.html"></li>

<li data-row="1" data-col="2" data-sizex="4" data-sizey="7">
    <div data-type="swiper"
         class="top-space-2x">
<ul>
<li data-row="1" data-col="1" data-sizex="2" data-sizey="4">
    <div class="top-space-2x"><header><font size="+4">Server</font></header></div>

<div class="inline">
        <div data-type="button"
             data-device="Update_Status"
             data-get="FHEM_Update"
             data-warn="Update:FHEM"
             data-fhem-cmd="setreading Update_Status FHEM_Update run"
             data-states='["idle","update","run","done"]'
             data-icons='["fa-refresh","fa-refresh fa-blink","fa-refresh fa-spin","fa-refresh"]'
             data-colors='["darkgreen","red","white","darkgreen"]'
             data-background-icon="fa-circle"
             data-on-background-color="orange"
             data-off-background-color="orange"
             data-icon="fa-refresh warn"
             class="cell top-narrow warn"></div>
        <div data-type="label">Update</div>
</div>

<div class="inline">
<div data-type="button"
             data-device="Update_Status"
             data-get="FTUI_Update"
             data-warn="Update:FTUI"
             data-fhem-cmd="setreading Update_Status FTUI_Update run"
             data-states='["idle","update","run","done"]'
             data-icons='["fa-refresh","fa-refresh fa-blink","fa-refresh fa-spin","fa-refresh"]'
             data-colors='["darkgreen","red","white","darkgreen"]'
             data-background-icon="fa-circle"
             data-on-background-color="orange"
             data-off-background-color="orange"
             data-icon="fa-refresh warn"
             class="cell top-narrow warn"></div>
        <div data-type="label">FHEM</div>
</div>

<div class="inline">
        <div class="inline">
        <div data-type="button"
             data-device="Update_Status"
             data-get="ALL_Update"
             data-warn="Update:ALL"
             data-fhem-cmd="setreading Update_Status ALL_Update run"
             data-states='["idle","update","run","done"]'
             data-icons='["fa-refresh","fa-refresh fa-blink","fa-refresh fa-spin","fa-refresh"]'
             data-colors='["darkgreen","red","white","darkgreen"]'
             data-background-icon="fa-circle"
             data-on-background-color="orange"
             data-off-background-color="orange"
             data-icon="fa-refresh warn"
             class="cell top-narrow warn"></div>
        <div data-type="label">FTUI</div>
</div>

<div class="inline">
<div data-type="switch" data-device="Update.Status"
data-states='["idle","update","run","done"]'
data-set-states='["idle","start","idle","idle"]'
data-icons='["fa-refresh","fa-refresh","fa-refresh fa-spin","fa-refresh fa-blink"]'
data-background-icons='["-","-","-","-"]'
data-on-colors='["#505050","#aa6900","#aa6900","red"]'
data-background-colors='["#505050","#aa6900","#aa6900","red"]'
class="cell top-narrow"></div>
<div data-type="label">Status / Start</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fs-system_fhem" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="shutdown restart" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fa-linux" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="set System.Reboot.Dummy on" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
</li>           


</li>
</ul>
</div>
</body>
</html>
Titel: Antw:Balken im Hintergrund
Beitrag von: MKeY am 01 März 2021, 20:04:18
meinst du den Balken hinter "Server"? Das ist die Farbe vom <header></header>
die Farbe kannst du wie folgt ändern: https://forum.fhem.de/index.php?topic=87096.0 (https://forum.fhem.de/index.php?topic=87096.0)
Titel: Antw:Balken im Hintergrund
Beitrag von: uwirt am 02 März 2021, 08:11:45
Ich habe das schon gesehen - ich dachte das ginge einfacher und im html-code.

Besten Dank!