J’ai trois types d’écran : smartphone, tablette, NS Panel Pro. Au lancement d’HA je voudrais pouvoir soit :
Afficher une vue différente suivant que je suis sur un type d’écran ou un autre
OU
Afficher la même vue mais une carte différente suivant que je suis sur un type d’écran ou un autre
Oui il faut trouver une largeur ou hauteur qui caractérise un écran particulier, je pense que je vais partir sur cette solution.
C’est quand même étrange que HA ne propose pas une solution native qui tienne la route !
Je pense que ta solution fonctionne bien car dés le début tu as fait des cartes relativement homogènes et c’est en effet une façon de faire qui se défend.
La solution native c’est le responsive et ça fonctionne très bien.
L’article que BBE a partagé explique très bien comment ça marche et comme ça tu n’as pas 3 emplacements où faire de la maintenance si tu modifies, supprime ou ajoute un élément dans le dashboard.
Comme @LeorFinacre la solution native qui tient la route c’est le responsive qui replace les elements en fonction de la place disponible…
Apres tu le fais au niveau qui t’intéresse, avec des sections plus ou moins grosses, au niveau des cartes, etc…
Tant que tu as des sections de taille comparable, ça marche plutôt très bien de base.
Si tu as des sections un peu disparates, entre le mode « large » des sections, le nombre max de section dans la largeur de la vue … il y a de quoi faire quelque chose qui tienne la route aussi…
Ce qui marche le mieux c’est si les sections ont des hauteurs comparables…
Sinon on peut encore jouer avec le mode dense de la vue… Et en dernier recours, le filtre de visibilité peut justement permettre de traiter une section/carte problématique en changeant son affichage en fonction de la taille d’écran.
C’est simple et natif ! Avant il fallait passer par des trucs compliqués pour faire ça, maintenant c’est 3 clics dans l’interface.
Honnêtement vu tes questions, prend le temps de lire tout l’article, il répond à toutes ces questions…