Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| scripting:dialogs [2014/12/29 15:45] – [UI Controls] admin | scripting:dialogs [2018/01/10 20:36] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Creation ====== | ====== Creation ====== | ||
| - | Creation of the dialog controls can be done using [[scripting: | ||
| + | {{ : | ||
| + | \\ | ||
| + | Creation of the dialog controls can be done using [[scripting: | ||
| + | <file javascript dialog_example.hejs> | ||
| + | var result = dialog(' | ||
| + | <button title="& | ||
| + | <button title="& | ||
| + | </ | ||
| + | </ | ||
| ====== Supported controls ====== | ====== Supported controls ====== | ||
| HippoEDIT supports basic set of UI and layout controls for creating minimal user interface for interacting with a user. | HippoEDIT supports basic set of UI and layout controls for creating minimal user interface for interacting with a user. | ||
| Line 8: | Line 16: | ||
| ===== UI Controls ===== | ===== UI Controls ===== | ||
| * **[[scripting: | * **[[scripting: | ||
| - | * **edit** - input field for entering text | + | * **[[scripting: |
| - | * **checkbox** - check box control, for inclusive selection | + | * **[[scripting: |
| - | * **radiobutton** - radio button control for exclusive selection | + | * **[[scripting: |
| - | * **button** - button control | + | * **[[scripting: |
| - | * **combobox** - one line value selection drop down | + | * **[[scripting: |
| - | * **radio_button_group** - control for grouping radio buttons | + | * **[[scripting: |
| - | * **tri_state_checkbox** - check box with intermediate state | + | * **[[scripting: |
| - | * **listbox** - single selection multi line list | + | * **[[scripting: |
| - | * **multi_listbox** - multi selection multi line list | + | * **[[scripting: |
| - | * **history_edit** - edit field with history of typed entries (looks as combo box) | + | * **[[scripting: |
| - | * **datetime** - date/time picker | + | * **[[scripting: |
| - | * **groupbox** - frame control for grouping other contorls | + | * **[[scripting: |
| - | * **image** - image control for displaying embedded or external images | + | * **[[scripting: |
| - | * **tabcontrol** - tab control for UI elements grouping | + | * **[[scripting: |
| - | * **spin** - spin control (shall be bound with edit field) for increasing/ | + | * **[[scripting: |
| ===== Layout controls ===== | ===== Layout controls ===== | ||
| - | * **group** - grouping of the UI elements without visual artifacts | + | * **[[scripting: |
| - | * **columnbreak** - breaking of the layout column | + | * **[[scripting: |
| - | * **sectionbreak** - breaking of the layout section | + | * **[[scripting: |
| - | * **spacer** - vertical spacer | + | * **[[scripting: |
| - | * **hspacer** - horizontal spacer | + | * **[[scripting: |
| ===== Specialized browsers ===== | ===== Specialized browsers ===== | ||
| - | * **file_browser** - button for calling file browser dialog | + | * **[[scripting: |
| - | * **dir_browser** - button for calling directory browser dialog | + | * **[[scripting: |
| - | * **icon_browser** - button for calling icon browsing dialog | + | * **[[scripting: |
| - | * **color_browser** - button for calling color browser dialog | + | * **[[scripting: |
| - | * **font_browser** - button for calling font browser dialog | + | * **[[scripting: |
| ====== Example ====== | ====== Example ====== | ||