Boîtes de dialogue: Difference between revisions
imported>Ltremblet |
imported>Ltremblet mNo edit summary |
||
| Line 4: | Line 4: | ||
=Définition= | =Définition= | ||
Une '''fenêtre de dialogue''' est un composant d'[http://fr.wikipedia.org/wiki/Interface_graphique interface graphique] se superposant au contenu de la page et dans le but de créer un dialogue avec l'utilisateur. | Une '''fenêtre de dialogue''' est un composant d'[http://fr.wikipedia.org/wiki/Interface_graphique interface graphique] se superposant au contenu de la page et dans le but de créer un dialogue avec l'utilisateur. | ||
Les '''objectifs''' d'une fenêtre de dialogue sont les suivants : | Les '''objectifs''' d'une fenêtre de dialogue sont les suivants : | ||
*Informer l'utilisateur. | |||
*Obtenir une action de sa part. | |||
==Informer l'utilisateur | ==Informer== | ||
La fenêtre de dialogue qui '''informe''' l'utilisateur comporte du texte simple. Celui-ci a pour but d'informer sur une fonctionnalité quelconque ou d'[[Alert4|alerter]] l'utilisateur. | |||
==Obtenir une action de l'utilisateur | ==Obtenir une action== | ||
Certaines fenêtres modale visent à '''obtenir une action''' de l'utilisateur dans le but d''''interagir''' avec l'application. | |||
= | =Fonctionnement général= | ||
Une '''fenêtre modale''' est une grande fenêtre de dialogue. | Une '''fenêtre modale''' est une grande fenêtre de dialogue. | ||
| Line 24: | Line 28: | ||
[[File:Table4-6-modal-combobox.png]] | [[File:Table4-6-modal-combobox.png]] | ||
===Fenêtre d'alerte | |||
=Types de fenêtres de dialogues= | |||
==Fenêtre d'alerte== | |||
*Une '''fenêtre d'alerte''' est une fenêtre d'information. | *Une '''fenêtre d'alerte''' est une fenêtre d'information. | ||
*Des [[Alert4|alertes]] apparaissent dans la zone de contenu. | *Des [[Alert4|alertes]] apparaissent dans la zone de contenu. | ||
| Line 30: | Line 36: | ||
[[File:Modalwindow4-1-alert.png]] | [[File:Modalwindow4-1-alert.png]] | ||
==Saisie d'un texte== | |||
(reporter le contenu de Table4 ?) | (reporter le contenu de Table4 ?) | ||
==Choix unique dans une liste== | |||
(reporter le contenu de Table4 ?) | (reporter le contenu de Table4 ?) | ||
==Choix multiples== | |||
(reporter le contenu de Table4 ?) | (reporter le contenu de Table4 ?) | ||
=Info-bulle= | ==Info-bulle== | ||
Une '''info-bulle''' est une fenêtres de dialogue sur fond blanc présentant seulement une liste d'items cliquables. Elles ne possèdent pas de zone de titre ou de boutons. | |||
Elles sont utilisées dans | Elles sont utilisées dans les contextes : | ||
===Tableaux=== | ===Tableaux=== | ||
Revision as of 10:31, 3 September 2014
Présentation
L'objet de cette page est de présenter l'utilisation des fenêtres de dialogue de la version 4 d'OpenFlyers.
Définition
Une fenêtre de dialogue est un composant d'interface graphique se superposant au contenu de la page et dans le but de créer un dialogue avec l'utilisateur.
Les objectifs d'une fenêtre de dialogue sont les suivants :
- Informer l'utilisateur.
- Obtenir une action de sa part.
Informer
La fenêtre de dialogue qui informe l'utilisateur comporte du texte simple. Celui-ci a pour but d'informer sur une fonctionnalité quelconque ou d'alerter l'utilisateur.
Obtenir une action
Certaines fenêtres modale visent à obtenir une action de l'utilisateur dans le but d'interagir avec l'application.
Fonctionnement général
Une fenêtre modale est une grande fenêtre de dialogue.
Elle est composée d'une zone de titre sur fond gris clair, comportant :
- Le titre.
- Des boutons cliquables :
- Validation : enregistre le contenu modifié par l'utilisateur.
- Fermeture : ferme la fenêtre. Si une action de l'utilisateur était requise, celle-ci ne sera pas enregistrée.
Types de fenêtres de dialogues
Fenêtre d'alerte
- Une fenêtre d'alerte est une fenêtre d'information.
- Des alertes apparaissent dans la zone de contenu.
Saisie d'un texte
(reporter le contenu de Table4 ?)
Choix unique dans une liste
(reporter le contenu de Table4 ?)
Choix multiples
(reporter le contenu de Table4 ?)
Info-bulle
Une info-bulle est une fenêtres de dialogue sur fond blanc présentant seulement une liste d'items cliquables. Elles ne possèdent pas de zone de titre ou de boutons.
Elles sont utilisées dans les contextes :
Tableaux
Le pictogramme des options de ligne d'un tableau ouvre une info-bulle lorsqu'on le survole.
Planning de réservation
L'info-bulle du planning de réservation affiche les options d'une reservation.