FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: roman1528 am 08 Februar 2016, 21:44:11

Titel: Swiper-Widget - data-noswipe Option?
Beitrag von: roman1528 am 08 Februar 2016, 21:44:11
Hey setstate.

Ist es villeicht möglich soetwas wie eine Option "noswipe" in's Swiper-Widget ein zu bauen?

Und zwar: Wenn man im Swiper-Widget ein Volume oder Thermostat-Widget hat zieht man oft den Swiper mit. Egal ob Touch oder Maus.
Die Option "noswipe" sollte sich dann darin äußern, dass man weder mit Maus noch mit Touch "swipen" kann, sondern nur noch per "navbuttons" (im Fall von noswipe ist navbuttons dann default) wechseln kann.

Wäre super und würde die Bedienung erleichtern.

Grüße^^
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: setstate am 16 Februar 2016, 21:38:05
class="noswipe" gibt es jetzt. Das muss aber bei jeder Page einzeln angegeben werden:


    <div data-type="swiper">
         <ul>
            <li><div class="noswipe">Airplay</div></li>
            <li><div class="noswipe">Webradio</div></li>
            <li><div class="noswipe">BD/DVD</div></li>
            <li><div class="noswipe">PHONO</div></li>
         </ul>
     </div>
   
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: justme1968 am 16 Februar 2016, 22:40:02
das hatte ich mir auch schon gewünscht.

müsste das mit einem update von jetzt schon gehen? bei mir mag es noch nicht.

gruss
  andre

<div data-type="swiper"  data-height="220px" data-width="400px" class="right xnavbuttons">
    <ul>
       <li><div class="noswipe right cell top-space">
          <div data-type="select" data-device="sonos_Esszimmer" data-get="transportState" data-alias='["SWR 3"]' data-items='["/SWR3.Elchradio/"]' data-set="StartRadio" class="cell w2x" ></div>
          <div data-type="image" data-device='sonos_Esszimmer' data-get="currentAlbumArtURL" data-size="100px" class="readonly" ></div>
          <!-- <div data-type="kodinowplaying" data-device="sonos_Esszimmer" class="darker small titleonly"></div> -->
       </div>
          <div class="right">
            <div data-type="volume" data-device='sonos_Esszimmer' data-get="Volume" data-set="Volume" data-min="10" data-max="30" class="cell left" ></div>
            <div data-type="label" class="narrow">Volume Esszimmer</div>
          </div></li>

       <li><div class="noswipe right cell top-space">
          <div data-type="select" data-device="sonos_Bad" data-get="transportState" data-alias='["SWR 3"]' data-items='["/SWR3.Elchradio/"]' data-set="StartRadio" class="cell w2x" ></div>
          <div data-type="image" data-device='sonos_Bad' data-get="currentAlbumArtURL" data-size="100px" class="readonly" ></div>
       </div>
          <div class="right">
            <div data-type="volume" data-device='sonos_Bad' data-get="Volume" data-set="Volume" data-min="10" data-max="30" class="cell left" ></div>
            <div data-type="label" class="narrow">Volume Bad</div>
          </div></li>

       <li><div class="noswipe right cell top-space">
          <div data-type="select" data-device="sonos_Schlafzimmer" data-get="transportState" data-alias='["SWR 3"]' data-items='["/SWR3.Elchradio/"]' data-set="StartRadio" class="cell w2x" ></div>
          <div data-type="image" data-device='sonos_Schlafzimmer' data-get="currentAlbumArtURL" data-size="100px" class="readonly" ></div>
       </div>
          <div class="right">
            <div data-type="volume" data-device='sonos_Schlafzimmer' data-get="Volume" data-set="Volume" data-min="10" data-max="30" class="cell left" ></div>
            <div data-type="label" class="narrow">Volume Schlafzimmer</div>
          </div></li>
    </ul>
</div>
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: setstate am 17 Februar 2016, 07:06:14
Okay, guter Einwand. dann geht das so:....<li class="noswipe"><div class="right cell top-space">...
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: roman1528 am 17 Februar 2016, 07:36:32
Besten Dank.
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: justme1968 am 17 Februar 2016, 09:51:13
funktioniert. danke.

der maus cursor wird ändert sich immer noch, das betrifft aber auch alle anderen stellen. wenn man z.b. drag&drop ausschaltet ändert sich der mau cursor über den cell headern ebenfalls noch. ist auf einem tablet aber nicht relevant und eher kosmetisch.

gruss
  andre
Titel: swiper navbutton
Beitrag von: myhome am 31 Oktober 2016, 15:23:01
Hallo zusammen!

Ein Frage ein die Runde. Kann man die Farbe der navbuttons ändern? Das "blau" ist für mich nicht passend. Ansonsten noch eine 2 Frage: Kann man die Icons "<" oder ">"  ersetzen.
Habe zwar etwas im Netz gefunden, funktioniert aber leider nicht. Vielleicht gibt es so etwas wie  "data-right(left)-color-navbutton" oder data-right(left)-icon-navbutton.

Grüße an alle FHEM Fans
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: setstate am 01 November 2016, 23:00:06
Solche data Parameter gibt es bis jetzt nicht.
Die Swiper API (idangero.us/swiper/api/) bietet zwar viele Optionen, die nötigen Einstellungen habe ich aber in der widget_swiper.js
fest hinterlegt. Die Farben kann man per CSS anpassen und andere Klick-Elemente per nextButton: und prevButton: vorgeben.
Titel: Antw:Swiper-Widget - data-noswipe Option?
Beitrag von: myhome am 07 November 2016, 20:34:07
Danke "setstate" für die Antwort. Ich habe da als Anfänger noch ein Problem wie ich das machen muss :-( evtl. hat hier jemand ein Beispiel für mich!

Nun habe ich ein weiteres Problem mit dem "swiper", und nur auf Android Systemen! Mit dem PC per Maus mit dem Touchscreen mit einem Ipad 1 funktionieren die navbuttons per Touch oder Maus nur nicht auf den Android (Mobiles( Samsung und HTC) und Tablets ( beide Samsung). Die "Wischfunktion" geht. An den Einstellungen auf den Tablets habe ich schon alles probiert aber ohne Ergebnis. Da ich noch eine Ftui 1.5 Version installiert habe, habe ich diese ausprobiert und dort gehen die " navbuttons per Touch" mit jeden System. Heißt für mich, es kann eigentlich nur an der neuen ftui 2.2.x Version liegen oder ???