Hallo zusammen
ich habe ein kleines Probelm, dass die "oa-" icons nicht angezeigt werden. Vielleicht kann jemand helfen ;)
Mitgeladen wird die openautomation.css (es ist auch enthalten) und das icon wird mir in der icons_table.html auch angezeigt
meine index.html
Kann doch noch etwas anderes blocken?
Grüsse
<!DOCTYPE html>
<html>
<!-- FHEM Tablet UI 2.61 -->
<head>
<title>FHEM - mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <!--initial-scale=4.0 -->
<!--meta name="widget_base_width" content="70">
<meta name="widget_base_height" content="70"-->
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<!--meta name="gridster_disable" content="1"-->
<meta name="toast" content="1">
<!--meta name="longpoll-delay" content="0"-->
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="longpoll_type" content="websocket">
<meta name="longpoll_filter" content=".*">
<meta name="debug" content="1"> <!-- verbose level 1-6 = output to console;0 = not output --><!--2 -->
<!--meta http-equiv="Cache-Control" content="no-store" /-->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.js" defer></script>
<!-- Style CSS -->
<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="css/fhem-mobil-ui.css" />
<link rel="stylesheet" href="lib/fhemSVG.css" />
<link rel="stylesheet" href="lib/openautomation.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/home.ico" />
<!--FONTS-->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
<link rel="stylesheet" href="fonts/roman/style.css" />
<link rel="stylesheet" href="fonts/material/style.css" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />
</head>
<body>
<nav id="menu">
<div data-type="link" class="default medium top-space-mobile-2 left-space-2"
data-width="235"
data-icon-left="fa-home"
data-color="white"
data-text-align="center"
data-load="div#content_home"
data-url="#content_home.html"
data-active-color="#006DC3"
data-active-pattern="(.*index.html|.*#content_home.html)">Home
</div>
<div style="display:inline-block;height:1px;width:80%;background-color:#4F4F4E;"></div>
<div data-type="link" class="prefetch medium top-space-mobile left-space-2"
data-width="235"
data-icon-left="oa-fts_window_1w"
data-color="white"
data-text-align="center"
data-load="div#content_wohnzimmer"
data-url="#content_wohnzimmer.html"
data-active-color="#006DC3"
data-active-pattern=".*#content_wohnzimmer.html">Wohnzimmer
</div>
Ich glaube es ist gelöst:
Bindet man das so in die Index nicht mehr ein?
<!--link rel="stylesheet" href="lib/openautomation.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" /-->
Hi,
<!--link rel="stylesheet" href="lib/openautomation.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" /-->
der code ist ja auskommentiert, ist das Absicht?
Versuch mal
<link rel="stylesheet" href="lib/openautomation.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
EDIT: Ich seh' grad, dass es in Deiner html Datei ja richtig drin ist. Wieso hast Du das dann auskommentiert nochmal geschrieben?
LG
Christian
Zum testen habe ich das auskommentiert. Dann läuft es.
Nagut... Muss man nedd verstehen