Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Entwicklung
    4. [Neues Widget] Bootstrap & Font Awesome(Free)

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    [Neues Widget] Bootstrap & Font Awesome(Free)

    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      Frank Schreier Developer last edited by

      Hallo,

      ich bin seit ein paar Tagen auch Nutzer von ioBroker und wie vielleicht einigen anderen Nutzer auch "stört" mich die Visualisierung etwas. Insbesondere die fehlende responsiv Design Möglichkeit und Unterstützung von Icon Fonts haben mich auf die Idee gebracht mich mal an einem Widget zu probieren und somit ist ioBroker.bootstrap4 entstanden.

      alt text

      Das Font Awesome Widget ist stand-alone und kann alle Free-Icons darstellen. Dazu einfach die entsprechenden Klassen in Icon Klasse eintragen. Eine Übersicht der Icons finden man hier.

      Bootstrap4 ist ein Widget das die volle View einer Seite einnimmt und HTML & CSS Quelltext aufnimmt und visualisiert.
      Damit lassen sich z.B. auch eine (responsiv) Navbar umsetzen.
      Wegen Problemen mit der Darstellung im VIS-Editors lassen sich Funktionalitäten (wie z.B. bei der Navbar) aber nicht im Editor direkt testen, sondern nur in der Runtime! Alle anderen (CSS-) Effekte können direkt im Editor angeschaut werden.

      Da das mein "erster Kontakt" mit ioBroker und der Entwicklung eines Widgets ist, hoffe ich das sich eventuell ein paar Interessierte finden, die etwas ähnliches (wie ich) gesucht haben und es sich mal anschauen wollen. Kenntnisse (oder zumin. den Willen es lernen zu wollen) in HTML & CSS sind von Vorteil. Dokumentation Bootstrap

      Zum Github: https://github.com/GOOFY008/ioBroker.bootstrap4

      Feedback erwünscht!

      Frank

      sigi234 2 Replies Last reply Reply Quote 2
      • sigi234
        sigi234 Forum Testing Most Active @Frank Schreier last edited by

        @Frank-Schreier

        Cool, werde ich gleich mal testen.

        1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @Frank Schreier last edited by

          @Frank-Schreier sagte in [Neues Widget] Bootstrap & Font Awesome(Free):

          Das Font Awesome Widget

          Ok, so ganz checke ist das noch nicht, sollte ein Widget in Vis auftauchen?

          1 Reply Last reply Reply Quote 0
          • F
            Frank Schreier Developer last edited by

            Nach dem du eine Instanz angelegt hast, sollte es im VIS erscheinen (Dropdown).
            instanzen.PNG

            Widget.PNG

            Wie man mir mitteilte, bin ich allerdings im falschen Forum. Daher hier weiter

            1 Reply Last reply Reply Quote 0
            • First post
              Last post

            Support us

            ioBroker
            Community Adapters
            Donate

            843
            Online

            31.9k
            Users

            80.1k
            Topics

            1.3m
            Posts

            visualisierung
            2
            4
            738
            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