OS

Le composant OS permet d’ajouter des classes suivant l’appareil utilisé. Les OS mobiles supportés sont Windows Phone, Android, et iOS, leur détection est faite à partir du user-agent.

Syntaxe

Comme tout déclencheur JS de SipaUI il est préfixé par data-su. Le composant n’ayant pas de paramètres, il s’écrit donc data-suos. Ce déclencheur se positionne généralement sur le body, mais il peut être mis n’importe où ailleurs…

Classes ajoutées

• Android : android
• Windows Phone&nbsp : windows-phone
• iOS (iPad, iPhone, iPod) : ios

Exemples

Démo 0 : cas basique

<div class="demo0">
    <style>
     .sipaui .android #android,
     .sipaui .ios #ios,
     .sipaui .windows-phone #windows-phone {display: inline-block !important; visibility: visible}
    </style>
    <p data-suos>Paragraphe avec le déclencheur <code>data-suos</code>. En fonction de votre appareil, il a positionné sur ce paragraphe la(les) classe(s) concernée(s)&nbsp;: <code id="android" class="su-hidden"> android</code><code id="ios" class="su-hidden"> ios</code><code id="windows-phone" class="su-hidden"> windows-phone</code>.</p>
</div>