Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. HTML Darstellung in HAB

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    HTML Darstellung in HAB

    This topic has been deleted. Only users with topic management privileges can see it.
    • U
      UncleB last edited by

      Morgen Jungs,
      Ich nutze HAB für meine VIS, bin auch sehr zufrieden damit. Eines verstehe ich nicht ganz, die Termine werden mit dem ical Datenpunkt je nach Kalender unterschieden farbig dargestellt.
      Der ertsellte HTML Code passt auch, aber in der VIS ist die Schriftfarbe dann weiß, ich habe 2 Screenshots angehängt, wie es aussehen soll im WYSIWYG Editor und wies dann dargestellt wird, hat da jemand ne Idee worans liegt?
      Screenshot (33).png
      Screenshot (32).png

      1 Reply Last reply Reply Quote 1
      • S
        Supermicha last edited by

        Du hast einmal CSS-Code direkt im <span> Tag drin und dann verweist du noch auf die Klasse "icalWarn iCal-HAB"
        da steht wahrscheinlich was anderes drin. Bei CSS wird immer das zuletzt geladene berücksichtigt...
        also ist egal was du im <span> Tag schreibst... die class"icalWarn iCal-HAB" bügelt über deine Formatierung drüber...

        Ich kenn mich mit HAB-Panel leider nicht aus.. aber du müsstest dein "color:red" irgendwie in die CSS-Klasse mit reinkriegen...

        Ich nutze das "normale" VIS und meine CSS-Klasse sieht so aus...

        .icalWarn{
            color:black;
            display:block;
            float:left;
            text-align:center;
            overflow:hidden;
            width:153px;
            height:27px;
            background:linear-gradient(to bottom, #ffbcbc 0%,#C66D6D 34%,#c73434 41%,#9b2b29 100%);
            border:1px solid #940000;
            border-radius:3px;
            font-size:x-large;
            padding: 4px 10px 2px 10px;
            font-weight:bold;
        }
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Support us

        ioBroker
        Community Adapters
        Donate

        511
        Online

        31.7k
        Users

        79.8k
        Topics

        1.3m
        Posts

        vis
        2
        2
        234
        Loading More Posts
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes
        Reply
        • Reply as topic
        Log in to reply
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
        The ioBroker Community 2014-2023
        logo