meta données pour cette page
Ceci est une ancienne révision du document !
Ecran LoGeAs et limitation par rapport au taille d'écran
Définition des types d'interfaces
L'interface utilise une technologie intelligente (Angular CDK) pour s'adapter à la taille de votre écran. C'est ce qu'on appelle le “Responsive Design”.
Comment l'affichage s'ajuste-t-il ?
Le logiciel détecte la largeur disponible dans votre navigateur (mesurée en pixels) et bascule automatiquement entre plusieurs modes d'affichage.
| Catégorie | Plage de largeur | Appareils / Contextes types |
|---|---|---|
| XSmall | < 600px | Mobiles (Portrait) |
| Small | 600px - 959px | Mobiles (Paysage) / Tablettes |
| Medium | 960px - 1279px | Tablettes (Paysage) / Petits ordinateurs portables |
| Large | 1280px - 1919px | Écrans PC Standards (Recommandé) |
| XLarge | >= 1920px | Écrans Haute Définition / Stations de travail |
L'impact du Zoom Navigateur (CTRL + / -)
Un point important à comprendre : Le zoom de votre navigateur modifie la largeur disponible. * Si vous zoomez à 200% sur un écran standard, le navigateur se comportera comme s'il était sur une Tablette (Small). * Conséquence : Certaines colonnes de vos tableaux DevExtreme peuvent se masquer automatiquement pour laisser place aux informations prioritaires.
Astuce Sécurité & Confort : Si vous ne voyez plus un bouton ou une colonne spécifique, vérifiez d'abord votre niveau de zoom (généralement visible dans la barre d'adresse de votre navigateur). Appuyez sur CTRL + 0 pour revenir à l'affichage standard (100%).
Comportement des composants DevExtreme selon la taille
* En mode Small/XSmall : Les menus latéraux se réduisent souvent en icônes ou en “menu sandwich” (trois barres horizontales). * En mode Large/XLarge : Les tableaux affichent l'intégralité des colonnes et permettent une manipulation plus aisée des données (glisser-déposer).