FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Tobias am 10 Januar 2017, 07:28:09

Titel: Flexbox Layout und Positionierungsangaben?
Beitrag von: Tobias am 10 Januar 2017, 07:28:09
Hi,
ich nutze das Flexboxlayout und breche mir die Finger, Positionierungsangaben reinzubekommen.
zb. funktioniert die col-1-2 und left-align Angabe nicht zusammen mit hbox - sie werden einfach ignoriert.
Ich möchte aber in einer hbox alle Elemente in der rechten hälfte haben, in der Linken hälfte soll ein statitscher Text linksbündig stehen.
Die Klasse squareborder funktioniert auch nicht mehr auf unterschiedlichen Browsern gleich zusamen mit der hbox.
Wie muss ich das richtig machen?
Code NUR zur Veranschaulichung
<div class="hbox squareborder">
  <div class="col-1-2 left-align"> Überschrift</div>
  <div class="col-1-2">
    <div class="hbox items-space-around">"
      Widget1
      Widget2
      ....
    </div>
  </div>
</div>
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: setstate am 10 Januar 2017, 09:24:25

            <li data-row="1" data-col="4" data-sizey="4" data-sizex="6">
                <header>EXAMPLE2</header>
                <!-- place your widget here -->
                <div class="hbox squareborder full-width">
                    <div class="hbox items-left left-space">Überschrift</div>
                    <div class="hbox items-space-around">
                        <div> Widget1</div>
                        <div>Widget2</div>
                    </div>
                </div>
            </li>


Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: Tobias am 10 Januar 2017, 15:10:07
danke, funktoniert
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: kud am 10 Januar 2017, 16:51:42
Nur ein Hinweis.
<li> macht unter Chrom einen Punkt mit <ul> gehts ohne diesen.
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: Tobias am 30 Januar 2017, 14:13:12
Hi setstate,
was unter 2.4 nach deinem Hinweis super funktioniert hat, funktioniert unter 2.5 nicht mehr. Die Icons waren vorher in der rechten Hälfte gleichmäßig verteilt. Jetzt sind sie am rechten Rand zusammengequetscht.
Was rätst du  mir?
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: Tobias am 01 Februar 2017, 12:00:57
hat keiner eine idee oder dasselbe problem?
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: setstate am 01 Februar 2017, 12:05:18
Ich muss mir sowas aufschreiben. Ich wollte mir das ansehen, aber durch die vielen Themen, verliere ich das dann immer aus den Augen.
Titel: Antw:Flexbox Layout und Positionierungsangaben?
Beitrag von: setstate am 01 Februar 2017, 20:50:22
@Tobias : Du musst mir mal DEINEN Code zwischen den <li> geben. Das Beispiel von mir oben ist bei mir immer noch okay.