Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Zeilenumbruch bei langen Dateinamen funktioniert nicht

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    7
    1
    72

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

Zeilenumbruch bei langen Dateinamen funktioniert nicht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
7 Beiträge 3 Kommentatoren 525 Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • S Offline
    S Offline
    Shigoru
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen, ich versuche vom Sonos Adapter den Titel in einer Vis darzustellen. Wenn man aber eine Sprachausgabe hinschickt entsteht ein ewig langer Dateiname ohne Leerzeichen der keinen Umbruch hat.

    Bildschirmfoto 2023-12-28 um 17.02.16.png

    Das zerstört leider mein Design.

    Eigentlich wäre das Fenster nicht so breit.

    Bildschirmfoto 2023-12-28 um 17.03.10.png

    Auch dies über HTML aufzulösen hab ich nicht geschafft.

    Bildschirmfoto 2023-12-28 um 17.04.10.png

    <table style="width:100px">{sonos.0.root.10_0_0_173.current_title}</table>
    

    Kann mir jemand bitte einen Tipp geben wir man das hinbekommen könnte?

    Danke

    Ciao Shigoru

    ubeckerU OliverIOO 2 Antworten Letzte Antwort
    0
    • S Shigoru

      Hallo zusammen, ich versuche vom Sonos Adapter den Titel in einer Vis darzustellen. Wenn man aber eine Sprachausgabe hinschickt entsteht ein ewig langer Dateiname ohne Leerzeichen der keinen Umbruch hat.

      Bildschirmfoto 2023-12-28 um 17.02.16.png

      Das zerstört leider mein Design.

      Eigentlich wäre das Fenster nicht so breit.

      Bildschirmfoto 2023-12-28 um 17.03.10.png

      Auch dies über HTML aufzulösen hab ich nicht geschafft.

      Bildschirmfoto 2023-12-28 um 17.04.10.png

      <table style="width:100px">{sonos.0.root.10_0_0_173.current_title}</table>
      

      Kann mir jemand bitte einen Tipp geben wir man das hinbekommen könnte?

      Danke

      Ciao Shigoru

      ubeckerU Offline
      ubeckerU Offline
      ubecker
      schrieb am zuletzt editiert von
      #2

      @shigoru setzte einen Alias auf den Datenpunkt. Diesen dann in deiner Vis benutzen. Den kannst du nennen wie du willst.
      Beispiel: Datenpunkt original
      Screenshot 2023-12-28 200416.png
      Nach Alias heist der Datenpunkt bei mir
      Screenshot 2023-12-28 200509.png

      Gruß Udo

      S 1 Antwort Letzte Antwort
      0
      • S Shigoru

        Hallo zusammen, ich versuche vom Sonos Adapter den Titel in einer Vis darzustellen. Wenn man aber eine Sprachausgabe hinschickt entsteht ein ewig langer Dateiname ohne Leerzeichen der keinen Umbruch hat.

        Bildschirmfoto 2023-12-28 um 17.02.16.png

        Das zerstört leider mein Design.

        Eigentlich wäre das Fenster nicht so breit.

        Bildschirmfoto 2023-12-28 um 17.03.10.png

        Auch dies über HTML aufzulösen hab ich nicht geschafft.

        Bildschirmfoto 2023-12-28 um 17.04.10.png

        <table style="width:100px">{sonos.0.root.10_0_0_173.current_title}</table>
        

        Kann mir jemand bitte einen Tipp geben wir man das hinbekommen könnte?

        Danke

        Ciao Shigoru

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von OliverIO
        #3

        @shigoru
        Mit einer css Anweisung kam man überlange Texte verstecken

        https://www.mediaevent.de/css/text-overflow.html

        Denkbar aber etwas aufwändiger wäre auch das der überlange Text auch automatisch hin und her scrollt um alles anzuzeigen

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        S 1 Antwort Letzte Antwort
        0
        • ubeckerU ubecker

          @shigoru setzte einen Alias auf den Datenpunkt. Diesen dann in deiner Vis benutzen. Den kannst du nennen wie du willst.
          Beispiel: Datenpunkt original
          Screenshot 2023-12-28 200416.png
          Nach Alias heist der Datenpunkt bei mir
          Screenshot 2023-12-28 200509.png

          S Offline
          S Offline
          Shigoru
          schrieb am zuletzt editiert von
          #4

          @ubecker Hallo Udo, danke für den Tipp leider sehe ich bei einer Umleitung über einen Alias keine Veränderung. Der Namen ist immer noch gleich lang. Ciao Shigoru

          1 Antwort Letzte Antwort
          0
          • OliverIOO OliverIO

            @shigoru
            Mit einer css Anweisung kam man überlange Texte verstecken

            https://www.mediaevent.de/css/text-overflow.html

            Denkbar aber etwas aufwändiger wäre auch das der überlange Text auch automatisch hin und her scrollt um alles anzuzeigen

            S Offline
            S Offline
            Shigoru
            schrieb am zuletzt editiert von
            #5

            @oliverio Interessant finde ich das Thema mit dem Javascript ellipsis. Das wäre Perfekt wenn er Abkürzen würde und hinten ... machen

            Ich habe ein Basic HTML verwendet mit dem sollte das ja gehen. Leider bin ich bei der Syntax nicht ganz so fit.

            {titel:sonos.0.root.10_0_0_172.current_title; text-overflow ellipsis width 200px : title}
            

            Kannst du mir hier ev aus der Patsche helfen?

            Ciao ciao Shigoru

            OliverIOO 1 Antwort Letzte Antwort
            0
            • S Shigoru

              @oliverio Interessant finde ich das Thema mit dem Javascript ellipsis. Das wäre Perfekt wenn er Abkürzen würde und hinten ... machen

              Ich habe ein Basic HTML verwendet mit dem sollte das ja gehen. Leider bin ich bei der Syntax nicht ganz so fit.

              {titel:sonos.0.root.10_0_0_172.current_title; text-overflow ellipsis width 200px : title}
              

              Kannst du mir hier ev aus der Patsche helfen?

              Ciao ciao Shigoru

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              schrieb am zuletzt editiert von
              #6

              @shigoru

              also was du mit dieser Anweisung vorhattest weiß ich nicht, das sieht seltsam aus

              ich habe dies in ein html widget eingefügt

              <div style="white-space: nowrap;text-overflow:ellipsis;overflow: hidden;">sehr sehr sehr sehr sehr sehr sehr sehr langer text</div>
              
              

              bzw für dich sieht es so dann aus

              <div style="white-space: nowrap;text-overflow:ellipsis;overflow: hidden;">{sonos.0.root.10_0_0_172.current_title}</div>
              

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              S 1 Antwort Letzte Antwort
              0
              • OliverIOO OliverIO

                @shigoru

                also was du mit dieser Anweisung vorhattest weiß ich nicht, das sieht seltsam aus

                ich habe dies in ein html widget eingefügt

                <div style="white-space: nowrap;text-overflow:ellipsis;overflow: hidden;">sehr sehr sehr sehr sehr sehr sehr sehr langer text</div>
                
                

                bzw für dich sieht es so dann aus

                <div style="white-space: nowrap;text-overflow:ellipsis;overflow: hidden;">{sonos.0.root.10_0_0_172.current_title}</div>
                
                S Offline
                S Offline
                Shigoru
                schrieb am zuletzt editiert von
                #7

                @oliverio said in Zeilenumbruch bei langen Dateinamen funktioniert nicht:

                <div style="white-space: nowrap;text-overflow:ellipsis;overflow: hidden;">{sonos.0.root.10_0_0_172.current_title}</div>

                Hey super 1000dank. Das funktioniert einwandfrei. Ja das mit der Syntax da war ich wohl total daneben

                Bildschirmfoto 2023-12-31 um 16.42.12.png

                Guten Rutsch und Gesundheit für 2024... Shigoru

                1 Antwort Letzte Antwort
                0
                Antworten
                • In einem neuen Thema antworten
                Anmelden zum Antworten
                • Älteste zuerst
                • Neuste zuerst
                • Meiste Stimmen


                Support us

                ioBroker
                Community Adapters
                Donate

                647

                Online

                32.5k

                Benutzer

                81.7k

                Themen

                1.3m

                Beiträge
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                ioBroker Community 2014-2025
                logo
                • Anmelden

                • Du hast noch kein Konto? Registrieren

                • Anmelden oder registrieren, um zu suchen
                • Erster Beitrag
                  Letzter Beitrag
                0
                • Home
                • Aktuell
                • Tags
                • Ungelesen 0
                • Kategorien
                • Unreplied
                • Beliebt
                • GitHub
                • Docu
                • Hilfe