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 | Informations |
|---|---|---|---|
| XSmall | < 600px | Mobiles (Portrait) | LoGeAs ne fonctionne pas sur ce type de périphérique |
| Small | 600px - 959px | Mobiles (Paysage) / Tablettes | Fonctionnement limité à l'annuaire |
| 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).
Ecran/Fonctionnalité / type d'interface
| Ecran / Fonction | Mode “XSmall” | Modde “Small” | Mode “Medium” | Mode “Large” | Mode “xLarge” |
|---|---|---|---|---|---|
| Dans le bandeau (header) * Choix des couleurs (feuille de style) * Informations version * Nom “long” de la base en cours | Interface non accessible | Non disponible | OK | OK | OK |