Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] Senkrechter/Vertikaler Text an Slider Vertical

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    [gelöst] Senkrechter/Vertikaler Text an Slider Vertical

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

      Hallo,

      ich würde gerne einen Vertikalen Slider beschriften. Am liebsten mit nem Senkrechten Text neben dem Slider.

      Wie kann man das am besten umsetzen?

      mfg Timm

      1 Reply Last reply Reply Quote 0
      • Uhula
        Uhula last edited by

        @TimmBo:

        Wie kann man das am besten umsetzen? `
        Du kannst alle Widgets rotieren lassen. Dazu musst du dir unter "CSS Projekt" eine CSS Klasse anlegen:

        .rotate090 {
           transform-origin:50% 50%;
           transform: rotate(90deg);
        }
        

        und diese der CSS Eigenschaft des Widgets zuweisen (da dann ohne den "."). Evtl hinterher Left/Top korrigieren da das Drehen um den Mittelpunkt (50% 50%) erfolgt.

        Links herum mit

        .rotate270 {
           transform-origin:50% 50%;
           transform: rotate(270deg);
        }
        

        Auf den Kopf mit

        .rotate180 {
           transform-origin:50% 50%;
           transform: rotate(180deg);
        }
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Support us

        ioBroker
        Community Adapters
        Donate

        740
        Online

        32.1k
        Users

        80.6k
        Topics

        1.3m
        Posts

        2
        2
        981
        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