FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Snake1980 am 20 Juli 2016, 09:06:26

Titel: 2 Kameras im Popup nebeneinander, statt untereinander
Beitrag von: Snake1980 am 20 Juli 2016, 09:06:26
Hallo,

ich habe ein Popup in dem zwei Kameras dargestellt werden. Funktioniert soweit gut, aber ich hätte sie gern nebeneinander (und dann in nächster Ausbaustufe 2 nebeneinander und 2 untereinander).

Bekomm das irgendwie nicht hin...

<!-- Sechster Button Kamera -->
<div data-type="popup" data-height="800px" data-width="640px">
              <div data-type="symbol"
                   
                    data-icon="fa-video-camera"
                    data-get-on="on"
data-on-background-color="#CC7A00"

                    class="bigger">
                </div>
              <div class="dialog">

                  <header>LIVEKAMERA</header>
                   
<div data-type="image"                     
                      data-url="http://xxx@xxxx/video.cgi"
                      data-size="77%">
                    </div>
<br>
<div data-type="image"                     
                      data-url="http://xxx@xxxx/video.cgi"
                      data-size="77%">
                    </div>
              </div>
</div>
<div data-type="label" class="narrow">Kamera</div>


<br><br>



Hat jemand eine Idee?

Viele Grüße

Swen
Titel: Antw:2 Kameras im Popup nebeneinander, statt untereinander
Beitrag von: setstate am 20 Juli 2016, 10:13:28
Versuche die Images in row und col Container zu verpacken


<div class="row">
<div class="col-1-2"><div ... image></div></div>
<div class="col-1-2"><div ... image></div></div>
</div>
<div class="row">
<div class="col-1-2"><div ... image></div></div>
<div class="col-1-2"><div ... image></div></div>
</div>


Der Platz für zwei Images nebeneinander muss natürlich da im übergeordneten Container vorhanden sein, sonst wird automatisch umgebrochen.
Titel: Antw:2 Kameras im Popup nebeneinander, statt untereinander
Beitrag von: Snake1980 am 21 Juli 2016, 09:20:40
Perfekt! Das hat funktioniert! Jetzt brauch ich nur noch zwei gescheite Cams...