Dialogs (TheDialog)

Contents

  1. Presentation
    1. Information dialog
    2. Confirmation dialog
    3. Options dialog
    4. Upload dialog
    5. Progress dialog
    6. Waiting dialog
    7. Photo dialog
    8. Video dialog
    9. Debug
  2. Additional information
  3. Public methods

Edit options

apijs.config
apijs.config.dialog

Presentation

Management of 8 dialog boxes.

All paragraphs may contain bbcode in the form of HTML code:
myText = "[p][em]Hello world.[/em][br]Hello everybody! :)[/p]";

Information dialog

Confirmation dialog

Options dialog

Upload dialog

Progress dialog

Waiting dialog

Photo dialog

Video dialog

Debug

Additional information

The inputname parameter of the upload dialog correspond to the file field name of the form.

The time parameter (in seconds) of the waiting dialog allows to modify the waiting time before the display of the delayed link in the bottom right hand corner of the dialog box.

The name parameter of the photo and video dialogs can take the following values:
- false to not display the file name,
- auto to display the original file name,
- or every other string to display a personalized file name.

The date parameter of the photo and video dialogs can take the following values:
- false to not display the file date,
- or every other character string to display the file date.

For the icon parameter, the following CSS classes:
- can be used or modified: debug print error warning
- can not be used or modified: start ready end slideshow loading
- can not be modified but can be used: notransition lock
- can not be used but can be modified: information confirmation options upload download progress waiting photo video

According to the window size, the design of the dialog boxes automatically adapts (media queries). According to the modifications that you can have to make, the following CSS code can be useful:

@media screen and (max-width:30rem),(max-device-width:30rem) { ... }
# 30rem = #apijsBox.width [26rem] + 4

Public methods

apijs.i18n.translate('word');
apijs.i18n.nodeTranslate('word');
apijs.i18n.changeLang('fr');

apijs.dialog.dialogInformation(...);
apijs.dialog.dialogConfirmation(...);
apijs.dialog.dialogFormOptions(...);
apijs.dialog.dialogFormUpload(...);
apijs.dialog.dialogProgress(...);
apijs.dialog.dialogWaiting(...);
apijs.dialog.dialogPhoto(...);
apijs.dialog.dialogVideo(...);
apijs.dialog.actionClose();
apijs.dialog.styles.remove('string');