Boîtes de dialogue

From Documentation de la solution web de gestion OpenFlyers
Revision as of 11:31, 3 September 2014 by imported>Ltremblet
Jump to navigation Jump to search

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.

Table4 6 modal combobox.png


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.

Modalwindow4 1 alert.png

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.