Hilfe bei Thermostat Widget - Hintergrund verschwindet

Begonnen von math78, 01 März 2016, 21:26:47

Vorheriges Thema - Nächstes Thema

math78

Hallo,

ich bräuchte Eure Hilfe beim Thermostat. Das Problem ist, dass mein Header und mein Hintergrund nach kurzem Erscheinen direkt wieder verschwinden. Habe schon die Größe und andere Variablen verändert - bleibt aber so. Habe folgenden Code:

<li class="halbTransparent" data-row="2" data-col="3" data-sizex="2" data-sizey="2">
  <header class="headerTransparent">THERMOSTAT WOHNZIMMER</header>
    <div data-type="thermostat"
        data-device="Raumthermostat_Wohnzimmer"
        data-get="setpointTemp"
        data-set="setpointHeating"
        data-temp="temperature"
        data-min="0"
        data-max="40"
        data-minColor="#4477FF"
        data-maxColor="#B40404"
        data-step="1"
        class="large top-space-2x">
    </div>
    </li>

Beispielbild ist beigefügt

Danke.

Matthias


setstate

class="headerTransparent" klingt sehr nach "unsichtbar"
Leiden weiß ich nicht was du im CSS dafür definiert hast.

math78

Hallo anbei mal mein Index. Was brauchst Du noch an Infos?
Alle anderen Widgets funktionieren so bei mir.

<!DOCTYPE html>
<html>
<head>
        <title>HOME</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
        <meta name="widget_base_width" content="112">
        <meta name="widget_base_height" content="148">
      <meta name="widget_margin" content="1">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
      <meta name="gridster_disable" content="1">
        <meta name="debug" content="0"> <!-- 1=output to console;0=no output -->
      
      <meta http-equiv='cache-control' content='no-cache'>
      <meta http-equiv='expires' content='0'>
      <meta http-equiv='pragma' content='no-cache'>

        <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
        <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
        <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
      <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />
      <link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-tablet.css" />

        <script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>

<style type="text/css"> <!-- body { margin: 0px; padding: 0px; } --> </style>
   
</head>

<body>
   
<div class="gridster">

<ul>

<li class="halbTransparent" data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="inc_home_button.html">
</li>

</ul>
</div>
     
</body>
</html>


LG

Matthias