<breakpoint>
Permet de définir un point d'arrêt pour le passage en mode responsive. Cette balise ne peut pas être placée dans un bloc mais doit être un enfant direct de template.
La présence de la balise breakpoint active le rendu responsive des blocs webforge.
Exemple
<breakpoint name='phone' value='312' />
| attribut | défaut | description |
|---|---|---|
| name | main | Nom du point d'arrêt |
| value | valeur en pixel du point d'arrêt | |
| swap | permet d'inverser l'ordre de 2 blocs identifiés par un id |
Lorsqu'il existe au moins un point d'arrêt, on peut utiliser l'attribut breakpoint dans un tag css
Exemples
<css breakpoint='phone' display="none" />
<breakpoint name="main" value="={main-width}+18" swap="asideleft before aside" />
breakpoint prédéfinis
| name | value | description |
|---|---|---|
| phone | 400 | Téléphone type smartphone |
| tablet | 1024 | Tablette (réglage à venir, pas encore actif) |
Gestion de la navigation
Il faut qu'il y ait un id="nav" sur la navigation principale.
Ne pas oublier de mettre un
<css breakpoint='phone' display="none" />
sur l'éventuelle subnav indépendante de la nav principale.
share links
Les virer. Ils viendront s'ajouter auto par la suite en bas
Couleur nav
géré via l'attribut resp-bgcolor de la navigation
A vérifier
si ok en mode édition. Autrement utiliser des if-match="{_EDIT_MODE},1" Ne pas oublier d'entrer le no de tél en mode édition
Editer