scripting:dialogs

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
scripting:dialogs [2014/12/29 15:49] – [UI Controls] adminscripting: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:api:script-application:start|Application]] method [[scripting:api:application:dialog|dialog(...)]]. 
  
 +{{ :scripting:example_dialog.png?100|Example dialog}}
 +\\
 +Creation of the dialog controls can be done using [[scripting:api:script-application:start|Application]] method [[scripting:api:application:dialog|dialog(...)]].
 +<file javascript dialog_example.hejs>
 +var result = dialog('@<dialog title="Test dialog"> \
 + <button title="&amp;OK" returnval="ok" default="true"/> \
 + <button title="&amp;Cancel" returnval="cancel"/> \
 + </dialog>@');
 +</file>
 ====== 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 24: Line 32:
   * **[[scripting:dialogs:spin|spin]]** - spin control (shall be bound with edit field) for increasing/decreasing numeric values   * **[[scripting:dialogs:spin|spin]]** - spin control (shall be bound with edit field) for increasing/decreasing numeric values
 ===== Layout controls ===== ===== Layout controls =====
-  * **group** - grouping of the UI elements without visual artifacts  +  * **[[scripting:dialogs:group|group]]** - grouping of the UI elements without visual artifacts  
-  * **columnbreak** - breaking of the layout column +  * **[[scripting:dialogs:columnbreak|columnbreak]]** - breaking of the layout column 
-  * **sectionbreak** - breaking of the layout section +  * **[[scripting:dialogs:sectionbreak|sectionbreak]]** - breaking of the layout section 
-  * **spacer** - vertical spacer  +  * **[[scripting:dialogs:spacer|spacer]]** - vertical spacer  
-  * **hspacer** - horizontal spacer+  * **[[scripting:dialogs:hspacer|hspacer]]** - horizontal spacer
  
 ===== Specialized browsers ===== ===== Specialized browsers =====
  
-  * **file_browser** - button for calling file browser dialog +  * **[[scripting:dialogs:file_browser|file_browser]]** - button for calling file browser dialog 
-  * **dir_browser** - button for calling directory browser dialog +  * **[[scripting:dialogs:dir_browser|dir_browser]]** - button for calling directory browser dialog 
-  * **icon_browser** - button for calling icon browsing dialog +  * **[[scripting:dialogs:icon_browser|icon_browser]]** - button for calling icon browsing dialog 
-  * **color_browser** - button for calling color browser dialog +  * **[[scripting:dialogs:color_browser|color_browser]]** - button for calling color browser dialog 
-  * **font_browser** - button for calling font browser dialog+  * **[[scripting:dialogs:font_browser|font_browser]]** - button for calling font browser dialog
  
 ====== Example ====== ====== Example ======