PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

  • Présentation
  • Mise en place
  • Créer un nouvel agencement pour une fenêtre Mobile
  • Créer un nouvel agencement pour une fenêtre
  • Créer un nouvel agencement pour une fenêtre interne
  • Créer un nouvel agencement pour une page
  • Créer un nouvel agencement pour l'impression d'une page
  • Manipulations des agencements
  • Gestion des champs dans les agencements
  • Cas particulier de l'Action Bar
  • Caractéristiques des agencements
  • Comparaison de fenêtres ou de pages avec agencements
  • Gestion des agencements en exécution
  • Fonctionnement par défaut
  • Cas particulier : Agencement pour impression
  • Programmation
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
L'agencement permet de définir plusieurs vues d'une fenêtre (ou d'une page) dans un même projet sans dupliquer cette fenêtre (ou page).
WINDEVWINDEV Mobile Dans une application WINDEV ou WINDEV Mobile, il est ainsi par exemple possible de définir :
  • une vue spécifique pour le mode portrait,
  • une vue spécifique pour le mode paysage,
  • une vue spécifique au téléphone,
  • une vue spécifique à la tablette,
  • ...
En exécution, il est possible de :
Versions 25 et supérieures
WEBDEV - Code Serveur Pour la réalisation de sites "mobile friendly", WEBDEV propose plusieurs solutions : le mode "Responsive Web Design" (ou RWD), le Dynamic serving et les agencements.
Dans un site WEBDEV, il est ainsi par exemple possible de définir :
  • une vue spécifique pour le mode "Desktop",
  • une vue spécifique pour le mode "mobile",
  • Versions 26 et supérieures
    une vue spécifique pour l'impression du contenu de la page.
    Nouveauté 26
    une vue spécifique pour l'impression du contenu de la page.
    une vue spécifique pour l'impression du contenu de la page.
En exécution, il est possible de :
Les agencements sont une autre façon de faire un site mobile friendly. À la différence du mode Responsive Web Design (RWD), les agencements n'ont pas de contraintes d'ordre des champs.
Ainsi, les agencements permettent de :
  • réaliser des mises en forme non réalisables simplement en RWD.
  • créer simplement des éléments dans un agencement puis de les masquer dans un autre agencement.
Nouveauté 25
WEBDEV - Code Serveur Pour la réalisation de sites "mobile friendly", WEBDEV propose plusieurs solutions : le mode "Responsive Web Design" (ou RWD), le Dynamic serving et les agencements.
Dans un site WEBDEV, il est ainsi par exemple possible de définir :
  • une vue spécifique pour le mode "Desktop",
  • une vue spécifique pour le mode "mobile",
  • Versions 26 et supérieures
    une vue spécifique pour l'impression du contenu de la page.
    Nouveauté 26
    une vue spécifique pour l'impression du contenu de la page.
    une vue spécifique pour l'impression du contenu de la page.
En exécution, il est possible de :
Les agencements sont une autre façon de faire un site mobile friendly. À la différence du mode Responsive Web Design (RWD), les agencements n'ont pas de contraintes d'ordre des champs.
Ainsi, les agencements permettent de :
  • réaliser des mises en forme non réalisables simplement en RWD.
  • créer simplement des éléments dans un agencement puis de les masquer dans un autre agencement.
WEBDEV - Code Serveur Pour la réalisation de sites "mobile friendly", WEBDEV propose plusieurs solutions : le mode "Responsive Web Design" (ou RWD), le Dynamic serving et les agencements.
Dans un site WEBDEV, il est ainsi par exemple possible de définir :
  • une vue spécifique pour le mode "Desktop",
  • une vue spécifique pour le mode "mobile",
  • Versions 26 et supérieures
    une vue spécifique pour l'impression du contenu de la page.
    Nouveauté 26
    une vue spécifique pour l'impression du contenu de la page.
    une vue spécifique pour l'impression du contenu de la page.
En exécution, il est possible de :
Les agencements sont une autre façon de faire un site mobile friendly. À la différence du mode Responsive Web Design (RWD), les agencements n'ont pas de contraintes d'ordre des champs.
Ainsi, les agencements permettent de :
  • réaliser des mises en forme non réalisables simplement en RWD.
  • créer simplement des éléments dans un agencement puis de les masquer dans un autre agencement.
Cette page d'aide présente :
Mise en place
Universal Windows 10 AppAndroidiPhone/iPad

Créer un nouvel agencement pour une fenêtre Mobile

Pour créer un nouvel agencement pour une fenêtre :
  1. Ouvrez la fenêtre concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
    Ajouter des agencements
  3. L'assistant d'ajout d'un agencement se lance. Passez si nécessaire l'étape de présentation.
  4. L'assistant propose de gérer les différences entre le téléphone et la tablette.
    Différences tablette/téléphone
    Il est possible de :
    • Choisir uniquement la plateforme en cours (téléphone uniquement ou tablette uniquement).
    • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
    • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant sa taille).
  5. Passez à l'étape suivante de l'assistant.
  6. L'assistant propose de gérer l'orientation Portrait/Paysage de l'application.
    Portrait/Paysage
    Il est possible de :
    • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
    • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant son orientation).
  7. Passez à l'étape suivante de l'assistant.
  8. L'assistant propose d'utiliser une présentation différente pour chaque plateforme utilisée (par exemple, une présentation sous iOS et une présentation sous Android).
    Système d'exploitation
  9. Sélectionnez l'option voulue et passez à l'étape suivante de l'assistant.
  10. Validez l'assistant.
  11. Si nécessaire les différents agencements sont créés.
    Agencements
  12. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Astuce :
  • La création d'un agencement se base sur la plateforme d'édition en cours. Il est plus rapide de se placer sur l'agencement le plus proche graphiquement pour limiter les modifications.
  • Pour personnaliser les champs des différents agencements, il est recommandé de commencer par l'agencement le plus grand et le plus complet puis de créer les autres agencements en réduisant ou en masquant des éléments.
Versions 22 et supérieures
WINDEV

Créer un nouvel agencement pour une fenêtre

Pour créer un nouvel agencement pour une fenêtre :
  1. Ouvrez la fenêtre concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. Si le projet WINDEV ne contient pas de plateforme mobile, la fenêtre de création d'un agencement s'affiche. Cliquez sur "Ajouter" pour ajouter un nouvel agencement.
  4. Si le projet WINDEV contient au moins une plateforme mobile, l'assistant d'ajout d'un agencement se lance. Passez si nécessaire l'étape de présentation.
    1. L'assistant propose de gérer les différences entre le téléphone et la tablette.
      Il est possible de :
      • Choisir uniquement la plateforme en cours (téléphone uniquement ou tablette uniquement).
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant sa taille).
    2. Passez à l'étape suivante de l'assistant.
    3. L'assistant propose de gérer l'orientation Portrait/Paysage de l'application.
      Il est possible de :
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant son orientation).
    4. Passez à l'étape suivante de l'assistant.
    5. L'assistant propose d'utiliser une présentation différente pour chaque plateforme utilisée (par exemple, une présentation sous iOS et une présentation sous Android).
    6. Sélectionnez l'option voulue et passez à l'étape suivante de l'assistant.
    7. Validez l'assistant.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Nouveauté 22
WINDEV

Créer un nouvel agencement pour une fenêtre

Pour créer un nouvel agencement pour une fenêtre :
  1. Ouvrez la fenêtre concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. Si le projet WINDEV ne contient pas de plateforme mobile, la fenêtre de création d'un agencement s'affiche. Cliquez sur "Ajouter" pour ajouter un nouvel agencement.
  4. Si le projet WINDEV contient au moins une plateforme mobile, l'assistant d'ajout d'un agencement se lance. Passez si nécessaire l'étape de présentation.
    1. L'assistant propose de gérer les différences entre le téléphone et la tablette.
      Il est possible de :
      • Choisir uniquement la plateforme en cours (téléphone uniquement ou tablette uniquement).
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant sa taille).
    2. Passez à l'étape suivante de l'assistant.
    3. L'assistant propose de gérer l'orientation Portrait/Paysage de l'application.
      Il est possible de :
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant son orientation).
    4. Passez à l'étape suivante de l'assistant.
    5. L'assistant propose d'utiliser une présentation différente pour chaque plateforme utilisée (par exemple, une présentation sous iOS et une présentation sous Android).
    6. Sélectionnez l'option voulue et passez à l'étape suivante de l'assistant.
    7. Validez l'assistant.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
WINDEV

Créer un nouvel agencement pour une fenêtre

Pour créer un nouvel agencement pour une fenêtre :
  1. Ouvrez la fenêtre concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. Si le projet WINDEV ne contient pas de plateforme mobile, la fenêtre de création d'un agencement s'affiche. Cliquez sur "Ajouter" pour ajouter un nouvel agencement.
  4. Si le projet WINDEV contient au moins une plateforme mobile, l'assistant d'ajout d'un agencement se lance. Passez si nécessaire l'étape de présentation.
    1. L'assistant propose de gérer les différences entre le téléphone et la tablette.
      Il est possible de :
      • Choisir uniquement la plateforme en cours (téléphone uniquement ou tablette uniquement).
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant sa taille).
    2. Passez à l'étape suivante de l'assistant.
    3. L'assistant propose de gérer l'orientation Portrait/Paysage de l'application.
      Il est possible de :
      • Créer des agencements (car la disposition des champs est différente sur la tablette et sur le téléphone).
      • Utiliser uniquement les ancrages (car les ancrages suffisent pour repositionner les champs dans la fenêtre suivant son orientation).
    4. Passez à l'étape suivante de l'assistant.
    5. L'assistant propose d'utiliser une présentation différente pour chaque plateforme utilisée (par exemple, une présentation sous iOS et une présentation sous Android).
    6. Sélectionnez l'option voulue et passez à l'étape suivante de l'assistant.
    7. Validez l'assistant.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Versions 22 et supérieures
WINDEVWINDEV Mobile

Créer un nouvel agencement pour une fenêtre interne

En mobile, de nombreuses fonctionnalités utilisent des fenêtres internes : fenêtre de détail dans une table, rendez-vous dans un champ Planning, ...
L'utilisation des agencements sur les fenêtres internes permet principalement de proposer une interface pour le mode portrait et le mode paysage.
Pour créer un nouvel agencement pour une fenêtre interne :
  1. Ouvrez la fenêtre interne concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. La fenêtre d'ajout d'agencements apparaît.
    Cliquez sur "Créer" pour ajouter un nouvel agencement.
  4. Validez la fenêtre.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre interne.
    • Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
    • L'option "Description" du menu contextuel de la barre de titre de l'agencement permet de définir les paramètres de l'agencement.
Nouveauté 22
WINDEVWINDEV Mobile

Créer un nouvel agencement pour une fenêtre interne

En mobile, de nombreuses fonctionnalités utilisent des fenêtres internes : fenêtre de détail dans une table, rendez-vous dans un champ Planning, ...
L'utilisation des agencements sur les fenêtres internes permet principalement de proposer une interface pour le mode portrait et le mode paysage.
Pour créer un nouvel agencement pour une fenêtre interne :
  1. Ouvrez la fenêtre interne concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. La fenêtre d'ajout d'agencements apparaît.
    Cliquez sur "Créer" pour ajouter un nouvel agencement.
  4. Validez la fenêtre.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre interne.
    • Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
    • L'option "Description" du menu contextuel de la barre de titre de l'agencement permet de définir les paramètres de l'agencement.
WINDEVWINDEV Mobile

Créer un nouvel agencement pour une fenêtre interne

En mobile, de nombreuses fonctionnalités utilisent des fenêtres internes : fenêtre de détail dans une table, rendez-vous dans un champ Planning, ...
L'utilisation des agencements sur les fenêtres internes permet principalement de proposer une interface pour le mode portrait et le mode paysage.
Pour créer un nouvel agencement pour une fenêtre interne :
  1. Ouvrez la fenêtre interne concernée sous l'éditeur.
  2. Sous le volet "Fenêtre", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter des agencements".
  3. La fenêtre d'ajout d'agencements apparaît.
    Cliquez sur "Créer" pour ajouter un nouvel agencement.
  4. Validez la fenêtre.
  5. L'éditeur affiche sur la droite les différents agencements disponibles pour la fenêtre interne.
    • Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
    • L'option "Description" du menu contextuel de la barre de titre de l'agencement permet de définir les paramètres de l'agencement.
Versions 25 et supérieures
WEBDEV - Code Serveur

Créer un nouvel agencement pour une page

Pour créer un nouvel agencement pour une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement à partir de la vue active".
  3. La fenêtre de création d'un agencement s'affiche :
  4. Indiquez pour quel type d'écran l'agencement doit être créé. Il est également possible d'indiquer la largeur minimale de l'écran.
  5. Validez.
  6. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Remarques
Les agencements ne sont pas disponibles :
  • sur les pages en mode Responsive Web Design.
  • sur les pages internes.
  • sur les modèles de pages.
Nouveauté 25
WEBDEV - Code Serveur

Créer un nouvel agencement pour une page

Pour créer un nouvel agencement pour une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement à partir de la vue active".
  3. La fenêtre de création d'un agencement s'affiche :
  4. Indiquez pour quel type d'écran l'agencement doit être créé. Il est également possible d'indiquer la largeur minimale de l'écran.
  5. Validez.
  6. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Remarques
Les agencements ne sont pas disponibles :
  • sur les pages en mode Responsive Web Design.
  • sur les pages internes.
  • sur les modèles de pages.
WEBDEV - Code Serveur

Créer un nouvel agencement pour une page

Pour créer un nouvel agencement pour une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement à partir de la vue active".
  3. La fenêtre de création d'un agencement s'affiche :
  4. Indiquez pour quel type d'écran l'agencement doit être créé. Il est également possible d'indiquer la largeur minimale de l'écran.
  5. Validez.
  6. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement voulu permet de l'afficher sous l'éditeur pour le modifier.
Remarques
Les agencements ne sont pas disponibles :
  • sur les pages en mode Responsive Web Design.
  • sur les pages internes.
  • sur les modèles de pages.
Versions 26 et supérieures
WEBDEV - Code Serveur

Créer un nouvel agencement pour l'impression d'une page

Pour créer un nouvel agencement pour l'impression du contenu d'une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement pour l'impression".
  3. Un agencement "Impression" est automatiquement créé. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement "Impression" permet de l'afficher sous l'éditeur pour le modifier.
    Il est ainsi possible de conserver dans cet agencement uniquement les champs nécessaires pour l'impression.
Remarques
  • Les agencements ne sont pas disponibles sur les pages en mode Responsive Web Design, sur les pages internes, sur les modèles de pages.
  • L'agencement pour l'impression sera automatiquement utilisé lorsque l'internaute imprimera la page correspondante. Il est par exemple possible de rendre invisibles les champs non nécessaires (boutons, liens, ...) dans l'agencement créé pour l'impression.
Nouveauté 26
WEBDEV - Code Serveur

Créer un nouvel agencement pour l'impression d'une page

Pour créer un nouvel agencement pour l'impression du contenu d'une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement pour l'impression".
  3. Un agencement "Impression" est automatiquement créé. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement "Impression" permet de l'afficher sous l'éditeur pour le modifier.
    Il est ainsi possible de conserver dans cet agencement uniquement les champs nécessaires pour l'impression.
Remarques
  • Les agencements ne sont pas disponibles sur les pages en mode Responsive Web Design, sur les pages internes, sur les modèles de pages.
  • L'agencement pour l'impression sera automatiquement utilisé lorsque l'internaute imprimera la page correspondante. Il est par exemple possible de rendre invisibles les champs non nécessaires (boutons, liens, ...) dans l'agencement créé pour l'impression.
WEBDEV - Code Serveur

Créer un nouvel agencement pour l'impression d'une page

Pour créer un nouvel agencement pour l'impression du contenu d'une page :
  1. Ouvrez la page concernée sous l'éditeur.
  2. Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Ajouter un agencement pour l'impression".
  3. Un agencement "Impression" est automatiquement créé. L'éditeur affiche sur la droite les différents agencements disponibles pour la page. Un double-clic sur la pastille de l'agencement "Impression" permet de l'afficher sous l'éditeur pour le modifier.
    Il est ainsi possible de conserver dans cet agencement uniquement les champs nécessaires pour l'impression.
Remarques
  • Les agencements ne sont pas disponibles sur les pages en mode Responsive Web Design, sur les pages internes, sur les modèles de pages.
  • L'agencement pour l'impression sera automatiquement utilisé lorsque l'internaute imprimera la page correspondante. Il est par exemple possible de rendre invisibles les champs non nécessaires (boutons, liens, ...) dans l'agencement créé pour l'impression.
Manipulations des agencements

Gestion des champs dans les agencements

Par défaut :
  • Un champ créé dans un agencement est créé dans tous les agencements.
  • Un champ est positionné au même endroit dans tous les agencements. Il possède les mêmes propriétés de largeur et de hauteur.
  • Un champ déplacé dans un agencement est déplacé dans tous les agencements.
Pour qu'un champ ait des propriétés et une position spécifiques selon les agencements, il est nécessaire de le dissocier. Plusieurs options sont possibles.
Pour manipuler un champ indépendamment sur les différents agencements :
  1. Sélectionnez le champ.
  2. Affichez le menu contextuel (clic droit).
  3. Dans le menu "Agencements", les différentes possibilités apparaissent :
    • Dissocier la position : permet de modifier la position du champ sur un ou plusieurs agencements.
    • Dissocier la taille : permet de modifier la taille du champ sur un ou plusieurs agencements.
    • Dissocier l'ancrage : permet de dissocier l'ancrage dans un ou plusieurs agencements.
    • Versions 20 et supérieures
      Dissocier la police : permet de dissocier la police dans un ou plusieurs agencements. Il est par exemple possible d'utiliser une police spécifique pour Android et une autre police pour iOS. Il est également possible de spécifier la taille de la police par agencement.
      Nouveauté 20
      Dissocier la police : permet de dissocier la police dans un ou plusieurs agencements. Il est par exemple possible d'utiliser une police spécifique pour Android et une autre police pour iOS. Il est également possible de spécifier la taille de la police par agencement.
      Dissocier la police : permet de dissocier la police dans un ou plusieurs agencements. Il est par exemple possible d'utiliser une police spécifique pour Android et une autre police pour iOS. Il est également possible de spécifier la taille de la police par agencement.
    • Rendre invisible dans cet agencement : permet de rendre invisible le champ dans un ou plusieurs agencements.
    • Rendre visible dans tous les agencements : permet de rendre visible le champ dans tous les agencements.
Remarques :
  • Ce menu contextuel est disponible pour une sélection de champs.
  • Il est également possible d'utiliser l'icône située dans la barre de titre de l'agencement en cours d'édition. Un clic sur cette icône permet de dissocier automatiquement la taille et/ou la position du champ sélectionné à la première modification (effectuée à la souris ou au clavier).
Limite : Pour les champs Graphes, il n'est pas possible de dissocier les propriétés du titre et de la légende entre plusieurs agencements.
AndroidiPhone/iPad

Cas particulier de l'Action Bar

Le champ Action Bar est disponible en Android et iOS.
Lors de la génération de l'application, le champ natif correspondant à la plateforme en cours sera automatiquement choisi.

Caractéristiques des agencements

Le menu contextuel des vignettes des agencements disponibles permet de gérer les agencements :
Il est possible de :
  • Visualiser la description de l'agencement et de la modifier. Pour plus de détails, consultez Paramètres de l'agencement.
  • Activer l'agencement, c'est-à-dire l'afficher pour le modifier.
  • Activer l'agencement en mode double vue : les deux agencements pourront être affichés et modifiés en parallèle.
  • Créer un nouvel agencement à partir de celui en cours.
  • Versions 26 et supérieures
    WEBDEV - Code Serveur Ajouter un agencement pour l'impression.
    Nouveauté 26
    WEBDEV - Code Serveur Ajouter un agencement pour l'impression.
    WEBDEV - Code Serveur Ajouter un agencement pour l'impression.
  • Versions 27 et supérieures
    WEBDEV - Code Serveur Désactiver cet agencement. Une croix rouge apparait alors dans l'icône de l'agencement et l'agencement ne pourra pas être utilisé en exécution. Il sera cependant conservé sous l'éditeur.
    Remarque : Cette option peut être utile lorsqu'une page hérite d'un ou de plusieurs modèles de pages possédant des agencements. Il est ainsi possible de conserver uniquement les agencements voulus.
    Nouveauté 27
    WEBDEV - Code Serveur Désactiver cet agencement. Une croix rouge apparait alors dans l'icône de l'agencement et l'agencement ne pourra pas être utilisé en exécution. Il sera cependant conservé sous l'éditeur.
    Remarque : Cette option peut être utile lorsqu'une page hérite d'un ou de plusieurs modèles de pages possédant des agencements. Il est ainsi possible de conserver uniquement les agencements voulus.
    WEBDEV - Code Serveur Désactiver cet agencement. Une croix rouge apparait alors dans l'icône de l'agencement et l'agencement ne pourra pas être utilisé en exécution. Il sera cependant conservé sous l'éditeur.
    Remarque : Cette option peut être utile lorsqu'une page hérite d'un ou de plusieurs modèles de pages possédant des agencements. Il est ainsi possible de conserver uniquement les agencements voulus.
  • Supprimer l'agencement sélectionné.
  • Versions 23 et supérieures
    Afficher des vignettes proportionnelles.
    Nouveauté 23
    Afficher des vignettes proportionnelles.
    Afficher des vignettes proportionnelles.
  • Versions 21 et supérieures
    Rafraîchir automatiquement : Permet de rafraîchir l'agencement dès qu'une modification est effectuée dans la fenêtre.
    Nouveauté 21
    Rafraîchir automatiquement : Permet de rafraîchir l'agencement dès qu'une modification est effectuée dans la fenêtre.
    Rafraîchir automatiquement : Permet de rafraîchir l'agencement dès qu'une modification est effectuée dans la fenêtre.
  • Versions 21 et supérieures
    Rafraîchir cet agencement : Permet de rafraîchir immédiatement l'agencement.
    Nouveauté 21
    Rafraîchir cet agencement : Permet de rafraîchir immédiatement l'agencement.
    Rafraîchir cet agencement : Permet de rafraîchir immédiatement l'agencement.
  • Versions 21 et supérieures
    Tout rafraîchir : Permet de rafraîchir immédiatement tous les agencements.
    Nouveauté 21
    Tout rafraîchir : Permet de rafraîchir immédiatement tous les agencements.
    Tout rafraîchir : Permet de rafraîchir immédiatement tous les agencements.

Comparaison de fenêtres ou de pages avec agencements

WINDEV Mobile permet de comparer deux projets, deux éléments d'un projet, ... Pour plus de détails, consultez Comparateur de projets.
Lors de la comparaison de fenêtres contenant des agencements, les différences sur chaque agencement sont présentées.
Gestion des agencements en exécution

Fonctionnement par défaut

L'agencement initial est automatiquement choisi en fonction :
  • du système,
  • de l'orientation,
  • de la taille de la plateforme,
  • WEBDEV - Code Serveur de la taille du navigateur,
  • de la taille de la fenêtre ou de la page (sous l'éditeur).
L'agencement est automatiquement modifié :
  • WINDEV Mobile lorsque l'appareil passe du mode portrait au mode paysage.
  • Versions 25 et supérieures
    WEBDEV - Code Serveur en fonction de la taille du navigateur.
    Nouveauté 25
    WEBDEV - Code Serveur en fonction de la taille du navigateur.
    WEBDEV - Code Serveur en fonction de la taille du navigateur.
Il est possible de définir les paramètres de l'agencement (option "Description" du menu contextuel de la barre de titre de l'agencement) :
  • WINDEVWINDEV Mobile pour chaque plateforme :
  • WEBDEV - Code Serveur en fonction de la taille du navigateur.
Ces paramètres sont pris en compte pour déterminer le choix de l'agencement à l'exécution :
  • Taille minimale du matériel sur lequel l'agencement peut être lancé.
  • WINDEVAndroidiPhone/iPad Système d'exploitation. Si "Multi OS" est sélectionné, l'agencement pourra être lancé sur tous les OS. Il est possible de sélectionner des systèmes spécifiques (les systèmes proposés correspondent aux plateformes définies pour le projet).
  • AndroidiPhone/iPad Orientation de la fenêtre.
  • WINDEVAndroidiPhone/iPad Plateforme d'édition.
WINDEVAndroidiPhone/iPad Selon le type de la fenêtre exécutée, l'ordre des paramètres pris en compte varient. Ainsi :
  • Si la fenêtre est une fenêtre maximisée mobile, les critères pris en compte sont : le système, l'orientation et la taille de la plateforme.
  • Si la fenêtre est une fenêtre Windows, les critères pris en compte sont : le système. La fenêtre la plus grande est choisie. Si plusieurs ont la même taille, le choix est fait selon l'orientation.
  • Si la fenêtre est une fenêtre non maximisée mobile, les critères pris en compte sont : le système, l'orientation et la taille de la plateforme.
Versions 26 et supérieures

Cas particulier : Agencement pour impression

Si un agencement de type "Impression" a été créé sur une page, cet agencement sera automatiquement utilisé lorsque l'internaute utilisera l'option "Imprimer" du menu contextuel du navigateur (ou Ctrl + P). Dans ce cas, seuls les champs visibles dans l'agencement seront imprimés.
Nouveauté 26

Cas particulier : Agencement pour impression

Si un agencement de type "Impression" a été créé sur une page, cet agencement sera automatiquement utilisé lorsque l'internaute utilisera l'option "Imprimer" du menu contextuel du navigateur (ou Ctrl + P). Dans ce cas, seuls les champs visibles dans l'agencement seront imprimés.

Cas particulier : Agencement pour impression

Si un agencement de type "Impression" a été créé sur une page, cet agencement sera automatiquement utilisé lorsque l'internaute utilisera l'option "Imprimer" du menu contextuel du navigateur (ou Ctrl + P). Dans ce cas, seuls les champs visibles dans l'agencement seront imprimés.

Programmation

Il est possible :
Version minimum requise
  • Version 19
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire