Seite drucken - Hilfe bei Thermostat Widget

Titel: Hilfe bei Thermostat Widget - Hintergrund verschwindet
Beitrag von: math78 am 01 März 2016, 21:26:47

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

Titel: Antw:Hilfe bei Thermostat Widget - Hintergrund verschwindet
Beitrag von: setstate am 02 März 2016, 06:14:10

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

Titel: Antw:Hilfe bei Thermostat Widget - Hintergrund verschwindet
Beitrag von: math78 am 02 März 2016, 08:51:30

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"> 
      <meta name="gridster_disable" content="1">
<meta name="debug" content="0"> 

      <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">  </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

FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: math78 am 01 März 2016, 21:26:47