Swiper-Widget - data-noswipe Option?

Begonnen von roman1528, 08 Februar 2016, 21:44:11

Vorheriges Thema - Nächstes Thema

roman1528

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^^
i3-10305T 4x3GHz;8GB RAM;250GB & 1TB NVMe:
FHEM 6.2;FTUI;8" Tablet's+Fully;NsPanelPro;HUE;ESPRGBWW;HM(CCU3);Duofern; ASC;MQTT(Tasmota);netatmo;SONOS;eBus;DbLog;XiaomiDevice;NUT;ModbusAttr

RPi3+: FHEM 6.2;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.2;DIY Relais-Board;I²C;GPIO;RFID;Photovoltaik

setstate

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>
   

justme1968

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>
hue, tradfri, alexa-fhem, homebridge-fhem, LightScene, readingsGroup, ...

https://github.com/sponsors/justme-1968

setstate

Okay, guter Einwand. dann geht das so:....<li class="noswipe"><div class="right cell top-space">...

roman1528

i3-10305T 4x3GHz;8GB RAM;250GB & 1TB NVMe:
FHEM 6.2;FTUI;8" Tablet's+Fully;NsPanelPro;HUE;ESPRGBWW;HM(CCU3);Duofern; ASC;MQTT(Tasmota);netatmo;SONOS;eBus;DbLog;XiaomiDevice;NUT;ModbusAttr

RPi3+: FHEM 6.2;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.2;DIY Relais-Board;I²C;GPIO;RFID;Photovoltaik

justme1968

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
hue, tradfri, alexa-fhem, homebridge-fhem, LightScene, readingsGroup, ...

https://github.com/sponsors/justme-1968

myhome

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
Raspberry Pi4, Pi3 und Zero's, Homematic, Zigbee, WLAN, USB, One-wire für Wasser, Heizung und Rücklauftemp und alte F20 für den Garten, Messen GAS, Wasser, Strom, PV, weiteres

setstate

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.

myhome

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 ???
Raspberry Pi4, Pi3 und Zero's, Homematic, Zigbee, WLAN, USB, One-wire für Wasser, Heizung und Rücklauftemp und alte F20 für den Garten, Messen GAS, Wasser, Strom, PV, weiteres