Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Top App Bar Widget

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    2.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    921

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Top App Bar Widget

Scheduled Pinned Locked Moved Visualisierung
vis
412 Posts 74 Posters 94.1k Views 79 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ScroungerS Scrounger

    @Stephan-Schleich sagte in Material Design Widgets: Top App Bar Widget:

    Hat jemand den CSS Code dafür, dass die Buttons kleiner werden - Sprich unten und oben weniger Leerraum ist?

    Sowas in die Richtung, ungetestet!

    .materialdesign-icon-image.mdc-list-item__graphic{
      padding: 0px !important;
    }
    

    CSS Klassen herausfinden:
    https://www.google.de/search?&q=identify+css+classes+youtubte

    Stephan SchleichS Offline
    Stephan SchleichS Offline
    Stephan Schleich
    wrote on last edited by Stephan Schleich
    #39

    @Scrounger Für alle die es auch brauchen:

    /* Button Rahmen */
    .mdc-drawer .mdc-list-item{
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    
    /* Trennlinie Rahmen */
    .mdc-list-divider{
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    
    1 Reply Last reply
    0
    • M Offline
      M Offline
      Marsx79
      wrote on last edited by
      #40

      Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

      Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

      1 Reply Last reply
      1
      • liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by liv-in-sky
        #41

        habe mal einen back-button gemacht - vielleicht braucht den auch noch jemand - man kann ja den back vom browser nicht nutzen - falls es eine einfachere lösung gibt - bitte posten

        macht ein kleines blockly, welches sich 5 letzte seitenaufrufe merkt - man benötigt zusätzlich zum widget8-datenpunkt einen bool-datenpunkt für den schalter, den man im blockly einsetzt
        ( @sigi234 )
        test18.gif
        (die qualität des animated gifs ist nicht die beste - sorry)

        <xml xmlns="http://www.w3.org/1999/xhtml">
         <variables>
           <variable type="" id=".);0FTJH[J7j1_2w{QBb">count</variable>
           <variable type="" id="Cx=ufGAb[yA~/c6Uv*29">x</variable>
           <variable type="" id="!:%#Tl+r|*gKbV0X3/Fl">helfer</variable>
           <variable type="" id="ElVn3v;:KI#[w~F%%^qX">myList</variable>
           <variable type="undefined" id="timeout">timeout</variable>
           <variable type="" id="Fn+prEkLc7r]_w!E/qQd">now</variable>
         </variables>
         <block type="on_ext" id="b,uW*]G4B1M7Y%k=KJ^a" x="663" y="13">
           <mutation items="1"></mutation>
           <field name="CONDITION">true</field>
           <field name="ACK_CONDITION"></field>
           <value name="OID0">
             <shadow type="field_oid" id="(R4)^j~VuV0tjY*z6s`#">
               <field name="oid">controll-own.0._MenuVisView8-BACK</field>
             </shadow>
           </value>
           <statement name="STATEMENT">
             <block type="variables_set" id="3wszT]E$sRq_d!fVgzcq">
               <field name="VAR" id="!:%#Tl+r|*gKbV0X3/Fl" variabletype="">helfer</field>
               <value name="VALUE">
                 <block type="logic_boolean" id="kHn-,*}DJi*^@*XD///b">
                   <field name="BOOL">TRUE</field>
                 </block>
               </value>
               <next>
                 <block type="controls_if" id="lzeD^1+t7h~Cq5hfAw}m">
                   <value name="IF0">
                     <block type="logic_compare" id="s9=^P!GstG(IkMcPSnN@">
                       <field name="OP">EQ</field>
                       <value name="A">
                         <block type="variables_get" id="FqWH^*qi8{?aB)~9vd%U">
                           <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                         </block>
                       </value>
                       <value name="B">
                         <block type="math_number" id="ft/U_W:D3]_9@8:yvPQt">
                           <field name="NUM">1</field>
                         </block>
                       </value>
                     </block>
                   </value>
                   <statement name="DO0">
                     <block type="variables_set" id="H-|BYz@1AAj7l.:TJF51">
                       <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                       <value name="VALUE">
                         <block type="math_number" id="B4Nb{oo21x8@WqhQVDhk">
                           <field name="NUM">7</field>
                         </block>
                       </value>
                     </block>
                   </statement>
                   <next>
                     <block type="comment" id="oAISunCGexB!Gj[g=%_f">
                       <field name="COMMENT">bool-datenpunkt auswählen</field>
                       <next>
                         <block type="control" id="sI#$t?=H;bvul6h;,[M[">
                           <mutation delay_input="false"></mutation>
                           <field name="OID">controll-own.0._MenuVisView8</field>
                           <field name="WITH_DELAY">FALSE</field>
                           <value name="VALUE">
                             <block type="lists_getIndex" id="VbE/PPs5++Xm_9LM3f`G">
                               <mutation statement="false" at="true"></mutation>
                               <field name="MODE">GET</field>
                               <field name="WHERE">FROM_START</field>
                               <value name="VALUE">
                                 <block type="variables_get" id="JJFJ+gPW84FD|Dm/}(_c">
                                   <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                 </block>
                               </value>
                               <value name="AT">
                                 <block type="math_arithmetic" id="RtX9i9j7Fxb-kV:KyhtF">
                                   <field name="OP">MINUS</field>
                                   <value name="A">
                                     <shadow type="math_number" id="81k0*J[SNvhDR76Ohams">
                                       <field name="NUM">1</field>
                                     </shadow>
                                     <block type="variables_get" id="$=[=Gb)Pv?m?v9}n:FQH">
                                       <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                     </block>
                                   </value>
                                   <value name="B">
                                     <shadow type="math_number" id="R[LVtRs+pWGR7VzikbdW">
                                       <field name="NUM">1</field>
                                     </shadow>
                                     <block type="math_number" id="SpxxOhGu3a!h+xy$o5Iq">
                                       <field name="NUM">1</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                             </block>
                           </value>
                           <next>
                             <block type="debug" id="}4e~KRxrHJ7D*i@r~=GG" disabled="true">
                               <field name="Severity">log</field>
                               <value name="TEXT">
                                 <shadow type="text" id="mK])@o$oIrK~*Q/1]=}x">
                                   <field name="TEXT">test</field>
                                 </shadow>
                                 <block type="text_join" id="%X/:UXIRJ9u+B[IFpqS0">
                                   <mutation items="4"></mutation>
                                   <value name="ADD0">
                                     <block type="variables_get" id="*y^L0~%E15kk`R$`Ul2d">
                                       <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                     </block>
                                   </value>
                                   <value name="ADD1">
                                     <block type="text" id="?]cXn.T_hn@J[P[qs2L3">
                                       <field name="TEXT"> und view : </field>
                                     </block>
                                   </value>
                                   <value name="ADD2">
                                     <block type="lists_getIndex" id="I_8d51[`]4!!=BwFu#!f">
                                       <mutation statement="false" at="true"></mutation>
                                       <field name="MODE">GET</field>
                                       <field name="WHERE">FROM_START</field>
                                       <value name="VALUE">
                                         <block type="variables_get" id="-PYEC/x%p)FYG_a_qZdf">
                                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                         </block>
                                       </value>
                                       <value name="AT">
                                         <block type="math_arithmetic" id="%cxU3J6=;v@:WviTY)j1">
                                           <field name="OP">MINUS</field>
                                           <value name="A">
                                             <shadow type="math_number" id="81k0*J[SNvhDR76Ohams">
                                               <field name="NUM">1</field>
                                             </shadow>
                                             <block type="variables_get" id="dFEqVy#rANv@^#3RQ^#H">
                                               <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                             </block>
                                           </value>
                                           <value name="B">
                                             <shadow type="math_number" id="R[LVtRs+pWGR7VzikbdW">
                                               <field name="NUM">1</field>
                                             </shadow>
                                             <block type="math_number" id="s{F_?KOSf!-(wQ4Zr8d/">
                                               <field name="NUM">1</field>
                                             </block>
                                           </value>
                                         </block>
                                       </value>
                                     </block>
                                   </value>
                                   <value name="ADD3">
                                     <block type="text" id=")bBs~dr?L=^sm;a=py;?">
                                       <field name="TEXT"> und count : </field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                               <next>
                                 <block type="comment" id="ikMKQlgg~thAIdS9+]6a">
                                   <field name="COMMENT">bool-datenpunkt auswählen</field>
                                   <next>
                                     <block type="control" id="=07Z/~v/.l?5xY~/**DF">
                                       <mutation delay_input="true"></mutation>
                                       <field name="OID">controll-own.0._MenuVisView8-BACK</field>
                                       <field name="WITH_DELAY">TRUE</field>
                                       <field name="DELAY_MS">500</field>
                                       <field name="UNIT">ms</field>
                                       <field name="CLEAR_RUNNING">FALSE</field>
                                       <value name="VALUE">
                                         <block type="logic_boolean" id="qXjC~^C^bC}k#Yk0NUK!">
                                           <field name="BOOL">FALSE</field>
                                         </block>
                                       </value>
                                       <next>
                                         <block type="variables_set" id="I7;/ORGd;(afg)m]$.yX">
                                           <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                           <value name="VALUE">
                                             <block type="math_arithmetic" id="q6{vrGr`A$^]|iZvn:g`">
                                               <field name="OP">MINUS</field>
                                               <value name="A">
                                                 <shadow type="math_number" id="81k0*J[SNvhDR76Ohams">
                                                   <field name="NUM">1</field>
                                                 </shadow>
                                                 <block type="variables_get" id="NPbK,luIJ7%LzGym5O1h">
                                                   <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                                 </block>
                                               </value>
                                               <value name="B">
                                                 <shadow type="math_number" id="R[LVtRs+pWGR7VzikbdW">
                                                   <field name="NUM">1</field>
                                                 </shadow>
                                                 <block type="math_number" id="/z-3SdmfLsVk!5?vFU/H">
                                                   <field name="NUM">1</field>
                                                 </block>
                                               </value>
                                             </block>
                                           </value>
                                           <next>
                                             <block type="debug" id="}rUNYag1O=LB=s.Aw]y%" disabled="true">
                                               <field name="Severity">log</field>
                                               <value name="TEXT">
                                                 <shadow type="text" id="CHO$7fM}^ww6tey^3uTr">
                                                   <field name="TEXT">test</field>
                                                 </shadow>
                                                 <block type="variables_get" id="b/O3x!R*pZqKJ$m57P~z">
                                                   <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                                 </block>
                                               </value>
                                             </block>
                                           </next>
                                         </block>
                                       </next>
                                     </block>
                                   </next>
                                 </block>
                               </next>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </next>
             </block>
           </statement>
         </block>
         <block type="variables_set" id="hUwTxLn_e8VmI%kNUBsi" x="87" y="138">
           <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
           <value name="VALUE">
             <block type="math_number" id="1$I)vIePx**:lAkvm0=4">
               <field name="NUM">6</field>
             </block>
           </value>
           <next>
             <block type="variables_set" id="gN9Xc-;:t/=Rk+z$[A6T">
               <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
               <value name="VALUE">
                 <block type="lists_create_with" id="Y_`W!XW7zW,4efQ8^J(L">
                   <mutation items="6"></mutation>
                   <value name="ADD0">
                     <block type="math_number" id="49Xv4#XY,Wg_h`s2/@q-">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                   <value name="ADD1">
                     <block type="math_number" id="5#vOb(L5VZTF|9xnZ4=J">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                   <value name="ADD2">
                     <block type="math_number" id="s}ZLKy@V_F*^-=}Y#sBV">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                   <value name="ADD3">
                     <block type="math_number" id="+?gr`9qGUq$B$+Y+?X}*">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                   <value name="ADD4">
                     <block type="math_number" id="/KH4_744}|JxV#(y8=C6">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                   <value name="ADD5">
                     <block type="math_number" id="G$o=P;4OMPOY0?kLo;/*">
                       <field name="NUM">0</field>
                     </block>
                   </value>
                 </block>
               </value>
               <next>
                 <block type="comment" id=":1mcN5Xunf,OY]`8}6t~">
                   <field name="COMMENT">V8-datenpunkt auswählen</field>
                   <next>
                     <block type="variables_set" id="[P[N35!?/){A5%AHC]$a">
                       <field name="VAR" id="Fn+prEkLc7r]_w!E/qQd" variabletype="">now</field>
                       <value name="VALUE">
                         <block type="get_value" id="gU%l%+6NQgty{5?UavHX">
                           <field name="ATTR">val</field>
                           <field name="OID">controll-own.0._MenuVisView8</field>
                         </block>
                       </value>
                       <next>
                         <block type="on" id="W8dx5[m-lbi#E()B;d.f">
                           <field name="OID">controll-own.0._MenuVisView8</field>
                           <field name="CONDITION">any</field>
                           <field name="ACK_CONDITION"></field>
                           <statement name="STATEMENT">
                             <block type="controls_if" id="z]l|*-4:7,IIR;E$|fbR">
                               <mutation else="1"></mutation>
                               <value name="IF0">
                                 <block type="logic_negate" id="!RUCgBu9=FwC*bFHWQ4r">
                                   <value name="BOOL">
                                     <block type="variables_get" id="0/vO-x?Qh+bI|IZ6Ft@v">
                                       <field name="VAR" id="!:%#Tl+r|*gKbV0X3/Fl" variabletype="">helfer</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                               <statement name="DO0">
                                 <block type="variables_set" id=";pRWiR1el+A#PFo3`L4N">
                                   <field name="VAR" id=".);0FTJH[J7j1_2w{QBb" variabletype="">count</field>
                                   <value name="VALUE">
                                     <block type="math_number" id="}FmJ(cC=8(QYn3Zu`K5x">
                                       <field name="NUM">6</field>
                                     </block>
                                   </value>
                                   <next>
                                     <block type="comment" id="v/0n+OJ8m!?_25YHfl=-">
                                       <field name="COMMENT">V8-datenpunkt auswählen</field>
                                       <next>
                                         <block type="variables_set" id="1qT/dllIH09RV3e=Z^37">
                                           <field name="VAR" id="Fn+prEkLc7r]_w!E/qQd" variabletype="">now</field>
                                           <value name="VALUE">
                                             <block type="get_value" id="hl0ER`Ev}6QY_)1Ok6Or">
                                               <field name="ATTR">val</field>
                                               <field name="OID">controll-own.0._MenuVisView8</field>
                                             </block>
                                           </value>
                                           <next>
                                             <block type="procedures_callnoreturn" id="D!/tBYQY^oS.ysc6o;3f">
                                               <mutation name="etwas tun">
                                                 <arg name="x"></arg>
                                               </mutation>
                                               <value name="ARG0">
                                                 <block type="variables_get" id="]8vl6VR-sMrNCfWY`+hr">
                                                   <field name="VAR" id="Fn+prEkLc7r]_w!E/qQd" variabletype="">now</field>
                                                 </block>
                                               </value>
                                             </block>
                                           </next>
                                         </block>
                                       </next>
                                     </block>
                                   </next>
                                 </block>
                               </statement>
                               <statement name="ELSE">
                                 <block type="variables_set" id="I~TAm^85{c]HXzTJ]9}?">
                                   <field name="VAR" id="!:%#Tl+r|*gKbV0X3/Fl" variabletype="">helfer</field>
                                   <value name="VALUE">
                                     <block type="logic_boolean" id="}P!+y$s`3jJ/A8JM2S]U">
                                       <field name="BOOL">FALSE</field>
                                     </block>
                                   </value>
                                 </block>
                               </statement>
                             </block>
                           </statement>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </next>
             </block>
           </next>
         </block>
         <block type="procedures_defnoreturn" id="(Ue9k{^p=G5Yw(+NeS}N" x="738" y="663">
           <mutation>
             <arg name="x" varid="Cx=ufGAb[yA~/c6Uv*29"></arg>
           </mutation>
           <field name="NAME">etwas tun</field>
           <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
           <statement name="STACK">
             <block type="controls_if" id="550HLA!UC:D!v^$TK|2A">
               <mutation else="1"></mutation>
               <value name="IF0">
                 <block type="logic_compare" id="~03gqy*B94`,+yxRj9?~">
                   <field name="OP">GTE</field>
                   <value name="A">
                     <block type="lists_length" id="BQ=+sr:Z(:U8)i*mJpsJ">
                       <value name="VALUE">
                         <block type="variables_get" id="maD{fF%$Ne5?.xUuhlNe">
                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                         </block>
                       </value>
                     </block>
                   </value>
                   <value name="B">
                     <block type="math_number" id="6A{DSG{i`CSV/qbcw/wp">
                       <field name="NUM">7</field>
                     </block>
                   </value>
                 </block>
               </value>
               <statement name="DO0">
                 <block type="lists_setIndex" id="3/0JZn17`1{c#0PN)0We">
                   <mutation at="false"></mutation>
                   <field name="MODE">INSERT</field>
                   <field name="WHERE">LAST</field>
                   <value name="LIST">
                     <block type="variables_get" id="HG@uIf0}CK?rqvnymq/-">
                       <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                     </block>
                   </value>
                   <value name="TO">
                     <block type="variables_get" id="F)s~sA6yzvdxxBJz#ZSB">
                       <field name="VAR" id="Fn+prEkLc7r]_w!E/qQd" variabletype="">now</field>
                     </block>
                   </value>
                 </block>
               </statement>
               <statement name="ELSE">
                 <block type="lists_setIndex" id="c!,*x/6tMPGge1I58!xM">
                   <mutation at="true"></mutation>
                   <field name="MODE">SET</field>
                   <field name="WHERE">FROM_START</field>
                   <value name="LIST">
                     <block type="variables_get" id="BBV)*h*M-oHPN9I||*{c">
                       <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                     </block>
                   </value>
                   <value name="AT">
                     <block type="math_number" id="GQ(OK]I)`j*JZ!=%//PH">
                       <field name="NUM">1</field>
                     </block>
                   </value>
                   <value name="TO">
                     <block type="lists_getIndex" id="V*(kY,Q/k=am[yl(AHc5">
                       <mutation statement="false" at="true"></mutation>
                       <field name="MODE">GET</field>
                       <field name="WHERE">FROM_START</field>
                       <value name="VALUE">
                         <block type="variables_get" id="K*l]HS1+wshi}n`M~R%c">
                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                         </block>
                       </value>
                       <value name="AT">
                         <block type="math_number" id="sFSApL[L48ex!-kP9%Ys">
                           <field name="NUM">2</field>
                         </block>
                       </value>
                     </block>
                   </value>
                   <next>
                     <block type="lists_setIndex" id="OUFg62.`h![kZW8H^oz~">
                       <mutation at="true"></mutation>
                       <field name="MODE">SET</field>
                       <field name="WHERE">FROM_START</field>
                       <value name="LIST">
                         <block type="variables_get" id="6NEk:?a#T!$vG72l=D3w">
                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                         </block>
                       </value>
                       <value name="AT">
                         <block type="math_number" id="8f3M^v#c_b_pT8glr6Mt">
                           <field name="NUM">2</field>
                         </block>
                       </value>
                       <value name="TO">
                         <block type="lists_getIndex" id="Wzkp?d-+`q}PGvy]Lzzz">
                           <mutation statement="false" at="true"></mutation>
                           <field name="MODE">GET</field>
                           <field name="WHERE">FROM_START</field>
                           <value name="VALUE">
                             <block type="variables_get" id="Qolrukv#mKMJ)xm^)c?U">
                               <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                             </block>
                           </value>
                           <value name="AT">
                             <block type="math_number" id="Q4:y)V*-k[`pHwj|z$_H">
                               <field name="NUM">3</field>
                             </block>
                           </value>
                         </block>
                       </value>
                       <next>
                         <block type="lists_setIndex" id="4=A=3qf_@Wcll[=[7JuS">
                           <mutation at="true"></mutation>
                           <field name="MODE">SET</field>
                           <field name="WHERE">FROM_START</field>
                           <value name="LIST">
                             <block type="variables_get" id="_K]TlpxkEDuUHFe7=;rA">
                               <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                             </block>
                           </value>
                           <value name="AT">
                             <block type="math_number" id="k:@m[o_kQ~2r9l,4gKl)">
                               <field name="NUM">3</field>
                             </block>
                           </value>
                           <value name="TO">
                             <block type="lists_getIndex" id="G+2/aB#_wj9TurB3L)Ar">
                               <mutation statement="false" at="true"></mutation>
                               <field name="MODE">GET</field>
                               <field name="WHERE">FROM_START</field>
                               <value name="VALUE">
                                 <block type="variables_get" id="j/8Bi)G;N#?-}h*VRN%o">
                                   <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                 </block>
                               </value>
                               <value name="AT">
                                 <block type="math_number" id="OlZO7+y?I6mGRsbKb%uI">
                                   <field name="NUM">4</field>
                                 </block>
                               </value>
                             </block>
                           </value>
                           <next>
                             <block type="lists_setIndex" id="r5YJFXt%qP_QyR[x{eXt">
                               <mutation at="true"></mutation>
                               <field name="MODE">SET</field>
                               <field name="WHERE">FROM_START</field>
                               <value name="LIST">
                                 <block type="variables_get" id="+y5=#.}9_~5w]M3;DOOi">
                                   <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                 </block>
                               </value>
                               <value name="AT">
                                 <block type="math_number" id="O4i*9;AKuBO$-+xvmxm.">
                                   <field name="NUM">4</field>
                                 </block>
                               </value>
                               <value name="TO">
                                 <block type="lists_getIndex" id="jZ-v9ulqNs;+)IerXmOV">
                                   <mutation statement="false" at="true"></mutation>
                                   <field name="MODE">GET</field>
                                   <field name="WHERE">FROM_START</field>
                                   <value name="VALUE">
                                     <block type="variables_get" id="T/w-^xc2aoOS[usl$v9N">
                                       <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                     </block>
                                   </value>
                                   <value name="AT">
                                     <block type="math_number" id="XOq19Fn,!3CIOB0*V(Of">
                                       <field name="NUM">5</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                               <next>
                                 <block type="lists_setIndex" id="kPb)4(RQ/;}S{nK5B[c{">
                                   <mutation at="true"></mutation>
                                   <field name="MODE">SET</field>
                                   <field name="WHERE">FROM_START</field>
                                   <value name="LIST">
                                     <block type="variables_get" id=",p|0{Os3jPHzb29yp8m!">
                                       <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                     </block>
                                   </value>
                                   <value name="AT">
                                     <block type="math_number" id="9!L);JCkWhj8s(%S9=yE">
                                       <field name="NUM">5</field>
                                     </block>
                                   </value>
                                   <value name="TO">
                                     <block type="lists_getIndex" id="8fGFVR2{SF*ggH]xBq]P">
                                       <mutation statement="false" at="true"></mutation>
                                       <field name="MODE">GET</field>
                                       <field name="WHERE">FROM_START</field>
                                       <value name="VALUE">
                                         <block type="variables_get" id="PAKBp;2LH;/_{K%`^v#Z">
                                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                         </block>
                                       </value>
                                       <value name="AT">
                                         <block type="math_number" id="8ltE9_K6(@/]1k@1qe%t">
                                           <field name="NUM">6</field>
                                         </block>
                                       </value>
                                     </block>
                                   </value>
                                   <next>
                                     <block type="lists_setIndex" id="QM(dU),HeAm,5;EXcAya">
                                       <mutation at="true"></mutation>
                                       <field name="MODE">SET</field>
                                       <field name="WHERE">FROM_START</field>
                                       <value name="LIST">
                                         <block type="variables_get" id="zjN8p_f.Q[M?3og-)%^F">
                                           <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                         </block>
                                       </value>
                                       <value name="AT">
                                         <block type="math_number" id="CXD?Qe=-|r=g/A(aC[Aq">
                                           <field name="NUM">6</field>
                                         </block>
                                       </value>
                                       <value name="TO">
                                         <block type="variables_get" id="?P}CYV!Nt$+:FQ?PNM^K">
                                           <field name="VAR" id="Fn+prEkLc7r]_w!E/qQd" variabletype="">now</field>
                                         </block>
                                       </value>
                                       <next>
                                         <block type="debug" id="k5by,phq8SGH:#)OB$}|">
                                           <field name="Severity">log</field>
                                           <value name="TEXT">
                                             <shadow type="text" id="CHO$7fM}^ww6tey^3uTr">
                                               <field name="TEXT">test</field>
                                             </shadow>
                                             <block type="variables_get" id="lW=^sfzc?Jpn0CDTnuRB">
                                               <field name="VAR" id="ElVn3v;:KI#[w~F%%^qX" variabletype="">myList</field>
                                             </block>
                                           </value>
                                         </block>
                                       </next>
                                     </block>
                                   </next>
                                 </block>
                               </next>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </statement>
             </block>
           </statement>
         </block>
         <block type="comment" id="5+d*niZF_G$}7d%-fddr" x="13" y="937">
           <field name="COMMENT">zum testen</field>
           <next>
             <block type="timeouts_settimeout" id="0X`)rR:lB-P|7Md8KYvu" disabled="true">
               <field name="NAME">timeout</field>
               <field name="DELAY">3</field>
               <field name="UNIT">sec</field>
               <statement name="STATEMENT">
                 <block type="controls_if" id="{/aJ!$WeKIT`sdUP)Y]^" disabled="true">
                   <value name="IF0">
                     <block type="logic_boolean" id="!1@Yzi[hY5-TUt4h?GUF">
                       <field name="BOOL">TRUE</field>
                     </block>
                   </value>
                   <statement name="DO0">
                     <block type="control" id="u.N*|eUE;|#p-AWz)h|h">
                       <mutation delay_input="false"></mutation>
                       <field name="OID">controll-own.0._MenuVisView8</field>
                       <field name="WITH_DELAY">FALSE</field>
                       <value name="VALUE">
                         <block type="math_number" id="MGk999mplv3w7Av[|Y{|">
                           <field name="NUM">1</field>
                         </block>
                       </value>
                       <next>
                         <block type="control" id="?a6xFt4D`w0t9]a}17DO">
                           <mutation delay_input="true"></mutation>
                           <field name="OID">controll-own.0._MenuVisView8</field>
                           <field name="WITH_DELAY">TRUE</field>
                           <field name="DELAY_MS">3</field>
                           <field name="UNIT">sec</field>
                           <field name="CLEAR_RUNNING">FALSE</field>
                           <value name="VALUE">
                             <block type="math_number" id="yTKxbk:cz6V7rL@)3M1B">
                               <field name="NUM">2</field>
                             </block>
                           </value>
                           <next>
                             <block type="control" id="zPC[F_U`Juhm-#erVJvX">
                               <mutation delay_input="true"></mutation>
                               <field name="OID">controll-own.0._MenuVisView8</field>
                               <field name="WITH_DELAY">TRUE</field>
                               <field name="DELAY_MS">6</field>
                               <field name="UNIT">sec</field>
                               <field name="CLEAR_RUNNING">FALSE</field>
                               <value name="VALUE">
                                 <block type="math_number" id="?*6H/rrhb}oEVfelM+Fp">
                                   <field name="NUM">4</field>
                                 </block>
                               </value>
                               <next>
                                 <block type="control" id="IrEFg,n6l:w$H^al(^4N">
                                   <mutation delay_input="true"></mutation>
                                   <field name="OID">controll-own.0._MenuVisView8</field>
                                   <field name="WITH_DELAY">TRUE</field>
                                   <field name="DELAY_MS">9</field>
                                   <field name="UNIT">sec</field>
                                   <field name="CLEAR_RUNNING">FALSE</field>
                                   <value name="VALUE">
                                     <block type="math_number" id="lCk!oRa:RK4)7D~CF1W.">
                                       <field name="NUM">5</field>
                                     </block>
                                   </value>
                                   <next>
                                     <block type="control" id="qo`G#[p.!8`W;c-c+:F*">
                                       <mutation delay_input="true"></mutation>
                                       <field name="OID">controll-own.0._MenuVisView8</field>
                                       <field name="WITH_DELAY">TRUE</field>
                                       <field name="DELAY_MS">12</field>
                                       <field name="UNIT">sec</field>
                                       <field name="CLEAR_RUNNING">FALSE</field>
                                       <value name="VALUE">
                                         <block type="math_number" id="%UmZa%ylIYi-)3eMs3Y5">
                                           <field name="NUM">6</field>
                                         </block>
                                       </value>
                                     </block>
                                   </next>
                                 </block>
                               </next>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </statement>
                 </block>
               </statement>
             </block>
           </next>
         </block>
        </xml>
        

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        1 Reply Last reply
        0
        • ScroungerS Scrounger

          Top App Bar Widget

          topappbar_modal.gif

          Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

          Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

          • Dokumentation
          • Online Beispiel

          Themen zu anderen Widgets findest du hier!

          S Offline
          S Offline
          saeft_2003
          Most Active
          wrote on last edited by
          #42

          @Scrounger

          Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

          Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

          S 1 Reply Last reply
          0
          • T Offline
            T Offline
            thenightfighter
            wrote on last edited by
            #43

            Ich habe aktuell ein Problem wodurch ich beim Wechsel zwischen zwei View in Widget 8 Widgets keine Daten angezeigt bekomme, hat hier jemand eine Idee?

            1 Reply Last reply
            0
            • S saeft_2003

              @Scrounger

              Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

              Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

              S Offline
              S Offline
              saeft_2003
              Most Active
              wrote on last edited by saeft_2003
              #44

              @saeft_2003 sagte in Material Design Widgets: Top App Bar Widget:

              @Scrounger

              Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

              Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

              @Kuddel

              Weißt du das zufällig...? Oder könntest du deins mal exportieren, sieht nämich super aus :-)

              Hier das mini Bild vor Licht nur erkennbar als Punkt:

              widget2.jpg

              K 1 Reply Last reply
              0
              • S saeft_2003

                @saeft_2003 sagte in Material Design Widgets: Top App Bar Widget:

                @Scrounger

                Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

                Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

                @Kuddel

                Weißt du das zufällig...? Oder könntest du deins mal exportieren, sieht nämich super aus :-)

                Hier das mini Bild vor Licht nur erkennbar als Punkt:

                widget2.jpg

                K Offline
                K Offline
                Kuddel
                wrote on last edited by
                #45

                @saeft_2003

                36cd04b0-1a02-41da-b87c-289a01fb99e9-grafik.png

                S 1 Reply Last reply
                2
                • K Kuddel

                  @saeft_2003

                  36cd04b0-1a02-41da-b87c-289a01fb99e9-grafik.png

                  S Offline
                  S Offline
                  saeft_2003
                  Most Active
                  wrote on last edited by
                  #46

                  @Kuddel

                  Danke! :-):+1: Das muss ich wohl aus versehen irgendwie verstellt haben...

                  1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    Marsx79
                    wrote on last edited by
                    #47

                    @Scrounger
                    Die Frage noch einmal direkt an den Entwickler. :-)

                    Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                    Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                    ScroungerS 1 Reply Last reply
                    1
                    • M Marsx79

                      @Scrounger
                      Die Frage noch einmal direkt an den Entwickler. :-)

                      Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                      Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      wrote on last edited by
                      #48

                      @Marsx79 sagte in Material Design Widgets: Top App Bar Widget:

                      @Scrounger
                      Die Frage noch einmal direkt an den Entwickler. :-)

                      Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                      nein gibt es nicht.

                      Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                      Nein. Warum, das macht doch das View in Widget 8 alles. Versteh nicht welchen Vorteil / usecase das haben sollte?

                      M 1 Reply Last reply
                      0
                      • ScroungerS Scrounger

                        @Marsx79 sagte in Material Design Widgets: Top App Bar Widget:

                        @Scrounger
                        Die Frage noch einmal direkt an den Entwickler. :-)

                        Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                        nein gibt es nicht.

                        Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                        Nein. Warum, das macht doch das View in Widget 8 alles. Versteh nicht welchen Vorteil / usecase das haben sollte?

                        M Offline
                        M Offline
                        Marsx79
                        wrote on last edited by
                        #49

                        @Scrounger

                        Schade, das mit dem automatischen schließen ist wohl auch nicht geplant oder?

                        Zu dem direkt wechseln zu einem View: Zum einen habe ich einige Views in denen ich bereits eine "View in Widget 8" einsetzte (und "View in Widget 8" in einem "View in Widget 8" funktioniert nicht). Und zweitens möchte ich das Menü nur auf meiner Startseite haben. Wenn ich also auf der Startseite über das Menü einen View auswählen könnte, würde er zu der entsprechenden Seite wechseln. Dann habe ich dort eine "zurück" Taste um auf das Start View zu kommen.

                        Hoffe das ist so verständlich. :-)

                        ScroungerS 1 Reply Last reply
                        0
                        • M Offline
                          M Offline
                          myssv
                          wrote on last edited by
                          #50

                          Moin zusammen,

                          ich habe das Widget gerade mal ausprobiert und bin begeistert.

                          Nun habe ich aber ein Problem:
                          Ich will die Siete auch meiner Frau auf Ihrem Rechner zur Verfügung stellen und wenn ich auf meinem Computer den View wechsel, dann wechselt er auch sofort bei ihr ...

                          Kann man da irgendwie Rechner bezogen einen Datenpunkt setzen?

                          1 Reply Last reply
                          0
                          • M Marsx79

                            @Scrounger

                            Schade, das mit dem automatischen schließen ist wohl auch nicht geplant oder?

                            Zu dem direkt wechseln zu einem View: Zum einen habe ich einige Views in denen ich bereits eine "View in Widget 8" einsetzte (und "View in Widget 8" in einem "View in Widget 8" funktioniert nicht). Und zweitens möchte ich das Menü nur auf meiner Startseite haben. Wenn ich also auf der Startseite über das Menü einen View auswählen könnte, würde er zu der entsprechenden Seite wechseln. Dann habe ich dort eine "zurück" Taste um auf das Start View zu kommen.

                            Hoffe das ist so verständlich. :-)

                            ScroungerS Offline
                            ScroungerS Offline
                            Scrounger
                            Developer
                            wrote on last edited by
                            #51

                            @Marsx79
                            Hab ich nicht geplant da ich das nicht brauche.

                            Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                            M 1 Reply Last reply
                            0
                            • ScroungerS Scrounger

                              @Marsx79
                              Hab ich nicht geplant da ich das nicht brauche.

                              Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                              M Offline
                              M Offline
                              myssv
                              wrote on last edited by myssv
                              #52

                              @Scrounger sagte in Material Design Widgets: Top App Bar Widget:

                              Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                              Das geht aber nur bei Vollmond, wenn es regnet, oder?

                              Sorry, aber ich bin damit komplett überfordert und weiß überhaupt nicht, was Du meinst ... Kannst Du es für übergewichtige Dummies einfach beschreiben? ;-)

                              oder war ich gar nicht gemeint ... :man-shrugging:

                              ScroungerS 1 Reply Last reply
                              0
                              • M myssv

                                @Scrounger sagte in Material Design Widgets: Top App Bar Widget:

                                Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                                Das geht aber nur bei Vollmond, wenn es regnet, oder?

                                Sorry, aber ich bin damit komplett überfordert und weiß überhaupt nicht, was Du meinst ... Kannst Du es für übergewichtige Dummies einfach beschreiben? ;-)

                                oder war ich gar nicht gemeint ... :man-shrugging:

                                ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                wrote on last edited by
                                #53

                                @myssv

                                So könnte das z.B. gehen - ungetestet!

                                // auf Veränderung DP TopAppBar reagieren
                                on({ id: '0_userdata.0.materialdesignwidgets.topappbar', change: 'any' }, function(obj){
                                
                                    // Menu item 3 wurde angewählt
                                    if(obj.state.val === 3){
                                
                                        // View Name auf die gewechselt werden soll
                                        setState('vis.0.control.data', 'main/Buttons', function(){
                                
                                            // Vis sagen das die View gewechselt werden soll
                                            setState('vis.0.control.command', 'changeView');
                                        });
                                    }
                                });
                                
                                1 Reply Last reply
                                0
                                • M Offline
                                  M Offline
                                  myssv
                                  wrote on last edited by
                                  #54

                                  Sorry, aber dafür bin ich zu unerfahren mit dem System.

                                  Dann bleibt es erst Mal so wie es ist. Müssen wir mit leben.

                                  Trotzdem vielen Dank für Dein tolles Tool und Deine Hilfe hier!

                                  1 Reply Last reply
                                  0
                                  • M Offline
                                    M Offline
                                    myssv
                                    wrote on last edited by
                                    #55

                                    Mir ist heute Nacht eine Idee gekommen.

                                    Kann ich nich den View mit dem Top App Bar Widget kopieren und dann den Schalter anpassen.

                                    Dann benutze ich z.B. den View "Mann" als Start und meine Frau den View "Frau". Dann hat jeder seine eigene Startseite und seinen eigenen Datenpunkt.

                                    Könnte das funktionieren oder übersehe ich da etwas?

                                    ScroungerS 1 Reply Last reply
                                    0
                                    • M myssv

                                      Mir ist heute Nacht eine Idee gekommen.

                                      Kann ich nich den View mit dem Top App Bar Widget kopieren und dann den Schalter anpassen.

                                      Dann benutze ich z.B. den View "Mann" als Start und meine Frau den View "Frau". Dann hat jeder seine eigene Startseite und seinen eigenen Datenpunkt.

                                      Könnte das funktionieren oder übersehe ich da etwas?

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      wrote on last edited by
                                      #56

                                      @myssv
                                      Ja das geht, wichtig ist das die beiden TopAppBars unteschiedliche Objekt Ids haben.

                                      liv-in-skyL 1 Reply Last reply
                                      1
                                      • ScroungerS Scrounger

                                        @myssv
                                        Ja das geht, wichtig ist das die beiden TopAppBars unteschiedliche Objekt Ids haben.

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        wrote on last edited by
                                        #57

                                        @Scrounger

                                        bedeutet das, dass ich für jedes tablett, welches im haus aufgestellt ist und jeden pc, der gerade die vis offen hat, eine eigene basis page machen muss, mit einem eigenen view8 und topappbar-widget ?

                                        im moment haben die fest-installierten tablett nur die vis seite auf, die ihnen angedacht ist - nur der pc hat die basis-seite mit dem topappbar-widget als ausgangspunkt

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        ScroungerS 1 Reply Last reply
                                        0
                                        • M Offline
                                          M Offline
                                          myssv
                                          wrote on last edited by
                                          #58

                                          So wie ich da sehe, musst Du nicht für jedes Gerät eine eigene Seite machen.

                                          Es werden nur alle synchronisiert. Gehst Du auf dem einen Gerät auf Seite 17, dann wechseln alle anderen Geräte mit offener Seite ebenfalls auf diese Seite. Kannst Du ganz einfach prüfen, indem Du die Seite mal mit einem 2. Browser öffnest.

                                          So lange nur einer zur Zeit mit dem System arbeitet, sollte es kein Problem sein. Wenn aber zwei gleichzeitig drauf gehen, kann es für Verwirrung sorgen ...

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          742

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe