The group unit run by XPLATFORM is called Projects, and they are managed as files with extension name of xprj. Projects are generally managed as ADL, Type Definition, Global Variables, and FDL, and in this chapter, each items will be explained.
Project Creation Wizard
New projects can be created by using Project Creation Wizard. Start Project Creation Wizard from Menu File [New – Project].
New Project Wizard Step 1
It is a step where you input Frame Template and the path of the project and the name of the project. Putting in project name is mandatory, and if there is a same name in the path, the name cannot be used.
Properties | Description | |
|---|---|---|
1 | Frame Template | Default: Create with Default Frame HFrame: Create with Horizontal Frame VFrame: Create with Vertical Frame Tab Frame: Create with Tab Frame Widget: Create as Widget |
2 | Project Template | Select previous Project Template |
3 | Show List Icon | Select Project Icon display method |
4 | Project Information | Display selected template |
5 | Add to Current Project: Project added to the current working Create a new Project: Create a new Project | |
6 | Name | Proejct name |
7 | Location | Root folder of project |
New Project Wizard Step 2 (V9.2 changed)
Set up Character Set, Language, and TypeDefinition of project.
Properties | Description | |
|---|---|---|
1 | Character Set | Set Character Set |
2 | Language | Set Language |
3 | Select TypeDefinition XML | Create new TypeDefinition from default: Default TypeDefinition generate new TypeDefinition Existing TypeDefinition: Apply existing TypeDefinition |
4 | TypeDefinition XML Path | TypeDefinition XML Path |
5 | Position Type | Set up default of component position type created in Form Design Position: Set Position as default Position2: Set Position2 as default |
New Project Wizard Step 3 (V9.2 added)
Set up screen info of project. Screen is the collection of information related to screen size needed when running applications.
Properties | Description | |
|---|---|---|
1 | Name | Screen Name |
2 | Theme | Theme that will be used in Screen |
3 | System Type | Win32: General Desktop Android: Android Mobile Phone iPhone: iPhone |
4 | OS | OS used in the relevant device |
5 | Device | Type of device |
6 | Description | Description of screen (Description does not affect the function of screen.) |
7 | Add Screen | The button that adds the information about screen that are is used in project |
8 | Delete | The button that deletes the selected screen information |
Application Definition Language(ADL)
ADL manages styles, themes, main frames, trays, and widgets that are generally applied to projects. With ADL, styles and themes projects are applied when launching.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit Source | Move to Source Editing Window which edits the XML of selected ADL | |
2 | Edit Script | Move to Script Editing window which edits the script of selected ADL | |
3 | Insert ADL Item | Style: Add Style CSS file MainFrame: Add MainFrame Application Menu: Add MainFrame to Menu Widget: Add new Widget Tray: Add Tray information Theme: Add Xtheme file Screen: Add Screen information | |
4 | Set as Active ADL | Relevant menu will be enabled in the activated ADL | |
3 | Copy | Function not supported in ADL Menu | |
4 | Cut | Function not supported in ADL Menu | |
5 | Paste | Function not supported in ADL Menu | |
6 | Collapse All | Hides lower tree items of ADL | |
7 | Expand All | Spreads Lower tree items of ADL | |
8 | Layout Template | Register current layout as template | |
9 | Close | Function not supported in ADL Menu | |
10 | Save | Save information of selected ADL | |
11 | Save As… | Save information of selected ADL as another name | |
12 | Rename | Rename selected ADL | |
13 | Refresh | Reload ADL XML | |
14 | Delete | Delete selected ADL |
MainFrame
Main Frame constructs the main screen of the applications that are made with XPLATFORM. Main Frame has Titlebar and Statusbar internally as basics, and as lower components, there are FrameSet, VFrameSet, HFrameSet, TitleFrameSet, ChildFrame, TabFrame, TabFramePage, and etc. Only on MainFrame item can be input in each ADL.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons MainFrame Editor function | |
2 | Insert Frame | Add lower frame in the MainFrame. Depending on the added lower frame type, lower frame can be repetitively added. (For details of each frame, refer to [Table 6-6] Frame Type) | |
3 | Copy | Function not supported in Main Menu | |
4 | Cut | Function not supported in Main Menu | |
5 | Paste | Function not supported in Main Menu | |
6 | Collapse All | Hide lower tree item of MainFrame | |
7 | Expand All | Spread lower Tree Item of MainFrame | |
8 | Close | Function not supported in Main Menu | |
9 | Save | Save MainFrame in process of editing | |
10 | Save As… | Function not supported in Main Menu | |
11 | Rename | Function not supported in Main Menu | |
12 | Refresh | Function not supported in Main Menu | |
13 | Delete | Delete selected Frame Item |
Frame | Description | |
|---|---|---|
1 | FrameSet | A frame that is created under Main Frame which can arrange lower frames freely. It can repetitively add FrameSet, HFrameSet, VFrameSet, TitleFrameSet as lower frames. |
2 | VFrameSet | A Frame that is created under Main Frame which can arrange lower frames freely in a vertical direction. It can repetitively add FrameSet, HFrameSet, VFrameSet, TitleFrameSet as lower frames. |
3 | HFrameSet | A Frame that is created under Main Frame which can arrange lower frames freely in a horizontal direction. It can repetitively add FrameSet, HFrameSet, VFrameSet, TitleFrameSet as lower frames. |
4 | TileFrameSet | A Frame that is created under Main Frame which can arrange lower frames freely in a vertical or horizontal direction. It can repetitively add FrameSet, HFrameSet, VFrameSet, and TitleFrameSet as lower frames. |
5 | ChildFrame | A Frame that can go under MainFrame or FrameSet. It has its Form information in URL so it displays relevant Form on screen. It is the standard unit of screen than can load Form. |
6 | TabFrame | A Frame that can go under MainFrame of Frameset which provides similar functions to Tab Component. |
7 | TabFramePage | A Frame that goes under TabFrame which provides similar functions to TabPage. |
MainFrame can let you check the currently constructed Frame in a Tree form in the Editor, and it can edit frames such as adding lower frames, deleting, and editing.
Properties | Description | |
|---|---|---|
1 | MainFrame Tree View | Displays current frame into tree form |
2 | Add | Adds lower frame to the selected frame |
3 | Insert | Inserts frame on top of selected frame |
4 | Change Type | Changes the type of selected frame |
5 | Del | Deletes selected frame |
Application Menu
You can construct the menu of MainFrame. Click on ‘Click here to Add’ and construct menu in to a form that you like and edit each menu on Properties window.
One Application Menu item can be put into one ADL each.
Edit properties of selected menu in the Properties window.
Properties | Description | |
|---|---|---|
1 | id | A distinct ID that is distinguished in the Application Menu |
2 | caption | Caption shown on Menu |
3 | checkbox | Designates the form which have checkboxes on the left sides of captions |
4 | enable | Sets up whether to enable menu |
5 | hotkey | Shortcut Key to Menu |
6 | icon | Menu Icon |
7 | level | Depth of Menu (cannot be edited randomly) |
8 | name | Choosing name of Application Menu |
9 | userdata | User designated data |
Widget
Widget is a small GUI tool that operates applications from OS and displays the results, which means the little window
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons Widget Editor | |
2 | Insert Widget | Add new Widget | |
3 | Copy | Function not supported by Widget Menu | |
4 | Cut | Function not supported by Widget Menu | |
5 | Paste | Function not supported by Widget Menu | |
6 | Collapse All | Hides lower tree item of Widgets | |
7 | Expand All | Spreads lower tree items of widgets | |
8 | Close | Function not supported by Widget Menu | |
9 | Save | Function not supported by Widget Menu | |
10 | Save As… | Save Widget in process of editing | |
11 | Rename | Function not supported by Widget Menu | |
12 | Refresh | Function not supported by Widget Menu |
Widget can be added, deleted, or its basic information can be edited in the Widget Editor.
Properties | Description | |
|---|---|---|
1 | id | Id Distinct Id to distinguish components |
2 | formUrl | FDL address to construct the screen of widget |
3 | visible | Select whether to show Widget on screen when first executing |
4 | backgroundimage | Image that will be used in Widget |
5 | layered | Whether or not to show on screen |
6 | position | Position of Widget |
7 | showontaskbar | Select whether to display on toolbar |
8 | titletext | Title of Widget |
9 | openstatus | The status value which the widget will be executed |
10 | icon | The icon that will be displayed on the window toolbar |
11 | topmost | Select whether the widget will be located on the topmost of the windows |
Tray
You can edit the Tray Icon and Tooltips that are displayed on the Tray area of the OS
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons Tray Editor | |
2 | Insert Tray | Adds new Tray | |
3 | Copy | Function not supported by Tray Menu | |
4 | Cut | Function not supported by Tray Menu | |
5 | Paste | Function not supported by Tray Menu | |
6 | Collapse All | Hide lower tree items of Tray | |
7 | Expand All | Spread lower tree items of Tray | |
8 | Close | Function not supported by Tray Menu | |
9 | Save | Save Tray in process of editing | |
10 | Save As… | Function not supported by Tray Menu | |
11 | Rename | Function not supported by Tray Menu | |
12 | Refresh | Function not supported by Tray Menu |
You can add, delete, or edit basic information of Trays in the Tray Editor.
Properties | Description | |
|---|---|---|
1 | id | Distinct ID to distinguish Tray |
2 | icon | Icon image of Tray |
3 | tooltip | Tooltip text of Tray Icon |
4 | items | Add item to Tray PopupMenu |
5 | Add Tray | Add new Tray |
6 | Delete Tray | Delete selected tray |
Theme
You can easily change the style of project by user developed Theme.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summon Theme Editor | |
2 | New Theme | Add new Theme | |
3 | Insert Theme | Insert Theme | |
4 | Copy | Function not supported by Themes Menu | |
5 | Cut | Function not supported by Themes Menu | |
6 | Paste | Function not supported by Themes Menu | |
7 | Collapse All | Hide lower tree items of Themes | |
8 | Expand All | Spread lower tree items of themes | |
9 | Close | Function not supported by Themes Menu | |
10 | Save | Function not supported by Themes Menu | |
11 | Save As… | Function not supported by Themes Menu | |
12 | Rename | Function not supported by Themes Menu | |
13 | Refresh | Function not supported by Themes Menu |
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summon Theme Editor | |
2 | Set as Active Theme | Set up so that the selected theme will be applied when project is being executed | |
3 | Copy | Function not supported by Themes Menu | |
4 | Cut | Function not supported by Themes Menu | |
5 | Paste | Function not supported by Themes Menu | |
6 | Collapse All | Function not supported by Themes Menu | |
7 | Expand All | Function not supported by Themes Menu | |
8 | Close | Close Theme Editor | |
9 | Save | Save Theme in process of editing | |
10 | Save As… | Save Theme in process of editing as other name | |
11 | Rename | Function not supported by Themes Menu | |
12 | Refresh | Function not supported by Themes Menu | |
13 | Delete | Delete selected Theme |
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summon CSS Editor that can edit CSS (For details of CSS Editor, refer to descriptions in Style) | |
2 | New Folder | Create new folder in Theme | |
3 | New CSS | Create new CSS file in Theme | |
4 | Insert File | Add image file or CSS file | |
5 | Remove File | Delete selected file in tree from the list | |
6 | Rename | Edit name of selected file in tree from the list | |
7 | Set Extern | Select image file to be saved at Extern File in deploy theme function. CheckBox will be set to uncheck state. (However, When you select the built-in Theme (default.theme) that this function does not appear.) | |
8 | Unset Extern | Set Extern Extern File from the menu to set off. CheckBox will be set to check state. (However, When you select the built-in Theme (default.theme) that this function does not appear.) |
ScreenInfo(V9.2 added)
‘The Editor function that can edit screen information entered in the ‘New Project Wizard’ or enter new screen information is added.
You can use the Popup menu provided in the ADL Item of ‘Project Explorer’ and add new screen information, or select items such as ‘ScreenInfo’ that are displayed in lower information under ADL Item and edit them.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summon Screen Editor | |
2 | Insert Screen | Add new Screen | |
3 | Copy | Function not supported by ScreenInfo Menu | |
4 | Cut | Function not supported by ScreenInfo Menu | |
5 | Paste | Function not supported by ScreenInfo Menu | |
6 | Collapse All | Hide lower Tree Items of ScreenInfo | |
7 | Expand All | Spread lower tree items of ScreenInfo | |
8 | Close | Function not supported by ScreenInfo Menu | |
9 | Save | Function not supported by ScreenInfo Menu | |
10 | Save As… | Function not supported by ScreenInfo Menu | |
11 | Rename | Function not supported by ScreenInfo Menu | |
12 | Refresh | Function not supported by ScreenInfo Menu |
‘ScreenInfo Editor’ provides editing functions same as the previous ‘Widget Editor’ and ‘Variable Editor’
Properties | Description | |
|---|---|---|
1 | Add | Button that adds new screen information |
2 | Del | Button that deletes selected screen information on ScreenInfo Grid |
3 | Screen Information Grid | Grid that displays the screen information of project that will be used
|
4 | Properties Window | Screen information selected in the ScreenInfo Grid is displayed in the Windows the same way and it can be edited |
Editing Type Definition
In UX-Studio, you can register Component, Service, and Update in Type Definition and use them as prefixes. Each item registered in the Type Definition can be edited, deleted, or new items can be added from Edit TypeDefinition.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons edit window that can edit TypeDefinition | |
2 | Copy | Function not supported by TypeDefinition Menu | |
3 | Cut | Function not supported by TypeDefinition Menu | |
4 | Paste | Function not supported by TypeDefinition Menu | |
5 | Collapse All | Hides lower tree items of TypeDefinition | |
6 | Expand All | Spreads lower tree items of TypeDefinition | |
7 | Close | Function not supported by TypeDefinition Menu | |
8 | Save | Function not supported by TypeDefinition Menu | |
9 | Save As… | Function not supported by TypeDefinition Menu | |
10 | Rename | Function not supported by TypeDefinition Menu | |
11 | Refresh | Reload TypeDefinition XML |
Edit TypeDefinition
Edit TypeDefinition can summon Tree Items of Type Definitions of Tree Items that are registered by TypeDefinition by double clicking them.
In Component Definition, components expressed as design such as Button and Checkbox, or invisible components such as ShowAnimation and Dataset are managed. Developer can also add User Component and Composite Component by using the Add button, and delete selected component from the list.
Column | Description | |
|---|---|---|
1 | Type | Type of Component |
2 | ID | Component ID |
3 | ClassName | ClassName of Component |
4 | Module | Module location of Component |
5 | Version | Component Version Information |
6 | Image | Image that will be used in the toolbar of Component |
7 | Default Width | Default width of Component |
8 | Default Height | Default height of Component |
In Service Definition, Folder Path used in UX-Studio or Internet URL are managed.
You can use the Add and Delete button and add new services or delete selected services.
Column | Description | |
|---|---|---|
1 | PrefixID | PrefixID of Service |
2 | Type | Service Type |
3 | Url | Url of Service |
4 | CacheLevel | Whether to use Cache function |
5 | Codepage | Code Page name |
6 | Language | Language to use |
7 | Version | Service Version Information |
8 | Communication Version | Communication Version Information |
9 | ServiceList | ServiceList, Used in BS Type |
10 | DatasetLayout | DatasetLayout, Used in BS Type |
11 | ExecuteUrl | ExecuteUrl, Used in BS Type |
12 | File Extension | The File extension of the file which the Cache information will be saved |
13 | Include Sub-directory | Whether to display lower directory of url if the type is file |
In Update Definition, file distribution and version needed for web or application already developed are managed. You can add new update or delete selected update by using Add and Delete buttons.
Column | Description | |
|---|---|---|
1 | SystemType | OS Type |
2 | Component UpdateURL | URL to update components |
3 | Engine URL | Engine Installation URL |
4 | Engine SetupKey | Engine Installation Key |
5 | Engine Version | Engine Version |
Service Refactoring
When changing the Prefix ID of Service that are being used in Type Definition, Refactoring function which changes the part being used to Prefix ID automatically will be performed.
It shows all of the Prefix ID before changing in current project in list, and when clicking ‘Rename’ the checked items will be changed automatically.
Global Variables
In the Global Variables, Global items that are being used in overall projects but are not included in ADL and Form are displayed. By using each editor, items can be added or edited in the Global Variables.
As for the Global Variables Items, Dataset, Animation, Variable, Object, and Image can be input.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit Source | Edit Global Variables directly on the XML edit window | |
2 | Insert Global Variables Item | Dataset: Add new Dataset in the Dataset Editor Variable: Add new Variable in the Variable Editor Animation: Add Animation Object Object: Add Object (For the list of objects that can be inserted, see the Help(Reference Guide) included with UX-Studio.) Image: Add Image | |
3 | Copy | Function not supported by GlobalVarialbes Menu | |
4 | Cut | Function not supported by GlobalVarialbes Menu | |
5 | Paste | Function not supported by GlobalVarialbes Menu | |
6 | Collapse All | Hide lower Tree Item of Global Variables | |
7 | Expand All | Spread lower Tree Item of Global Variables | |
8 | Close | Function not supported by GlobalVarialbes Menu | |
9 | Save | Save Global Variables in process of editing | |
10 | Save As… | Function not supported by GlobalVarialbes Menu | |
11 | Rename | Function not supported by GlobalVarialbes Menu | |
12 | Refresh | Reload GlobalVariables XML |
Datasets
Dataset is a memory location in a table form which processes data. When dataset is bound with components for presentation, automatic synchronization to relevant component function is provided also.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons Dataset Editor | |
2 | Insert Dataset | Adds new dataset to the Dataset Editor | |
3 | Copy | Function not supported by the Datasets Menu | |
4 | Cut | Function not supported by the Datasets Menu | |
5 | Paste | Function not supported by the Datasets Menu | |
6 | Collapse All | Hides lower tree item of datasets | |
7 | Expand All | Spreads lower tree item of datasets | |
8 | Close | Function not supported by the Datasets Menu | |
9 | Save | Save dataset in process of editing | |
10 | Save As… | Function not supported by the Datasets Menu | |
11 | Rename | Function not supported by the Datasets Menu | |
12 | Refresh | Function not supported by the Datasets Menu |
You can add, delete or change the construction of dataset items in the Dataset Edit Window.
Properties | Description | |
|---|---|---|
1 | Import Datasets | Loads Dataset from saved file |
2 | Export Datasets | Saves current dataset as file |
3 | Add a New Dataset | Adds Dataset |
4 | Delete selected Datasets | Deletes Dataset |
5 | Const | Sets up columns of constant data |
6 | Add a new Const Column | Adds Constant variables |
7 | Insert a new Const Column | Inserts constant variable above the cursor location |
8 | Delete selected Const Columns | Deletes Constant variable |
9 | Columns | Sets up columns of dataset |
10 | Add a new Column | Adds Column of Dataset |
11 | Insert a new Column | Inserts column above cursor location |
12 | Delete selected Columns | Deletes Dataset Column |
13 | Rows | Sets up Dataset Row |
14 | Add a new Row | Adds Dataset Row |
15 | Insert a new Row | Insert Row above cursor location |
16 | Delete selected Rows | Delete Dataset Rows |
Variables
Variables are used widely in the project.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summon Variable Editor | |
2 | Insert Variable | Add new variable in Variable Editor | |
3 | Copy | Function not supported by the Variables Menu | |
4 | Cut | Function not supported by the Variables Menu | |
5 | Paste | Function not supported by the Variables Menu | |
6 | Collapse All | Hides lower tree item of Variables | |
7 | Expand All | Spreads lower tree items of variables | |
8 | Close | Function not supported by the Variables Menu | |
9 | Save | Save Variables in process of editing | |
10 | Save As… | Function not supported by the Variables Menu | |
11 | Rename | Function not supported by the Variables Menu | |
12 | Refresh | Function not supported by the Variables Menu |
You can add, delete, or change construction of the variable items in the Variable Edit Window.
Properties | Description | |
|---|---|---|
1 | ID | Variable Name |
2 | Initval | Initial value |
3 | Usecookie | Whether to use cookie |
4 | Add Variable | Adds Variable |
5 | Delete Variable | Deletes selected variables |
Object
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Function not supported by the Objects Menu | |
2 | Insert Animation | Adds Animation Object to Global Variable MoveAnimation: Adds Move Animation Object PropertiesAnimation: Adds Properties Animation Object TransitionAnimation: Adds Transition Animation Object CompositeAnimation: Adds Composite Animation Object | |
3 | Insert Object | Adds Object (For the list of objects that can be inserted, see the Help(Reference Guide) included with UX-Studio) | |
4 | Copy | Function not supported by the Objects Menu | |
5 | Cut | Function not supported by the Objects Menu | |
6 | Paste | Function not supported by the Objects Menu | |
7 | Collapse All | Hides lower tree item of objects | |
8 | Expand All | Spreads lower tree item of objects | |
9 | Close | Function not supported by the Objects Menu | |
10 | Save | Saves objects in process of editing | |
11 | Save As… | Function not supported by the Objects Menu | |
12 | Rename | Function not supported by the Objects Menu | |
13 | Refresh | Function not supported by the Objects Menu |
Image
You can add new images or delete the images that are being used in Project.
In the Images item of Project Explorer, popup menu that can add images can be summoned and in the Image item under Images item, popup menu that can delete images can be summoned.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Function not supported by the Image Menu | |
2 | Insert Image | Summons File Dialog where you can add image files | |
3 | Copy | Function not supported by the Image Menu | |
4 | Cut | Function not supported by the Image Menu | |
5 | Paste | Function not supported by the Image Menu | |
6 | Collapse All | Hides lower tree items of Images | |
7 | Expand All | Spreads lower tree items of Images | |
8 | Close | Function not supported by the Image Menu | |
9 | Save | Saves Image that is in progress of editing | |
10 | Save As… | Function not supported by the Image Menu | |
11 | Rename | Function not supported by the Image Menu | |
12 | Refresh | Function not supported by the Image Menu | |
13 | Delete | Deletes the selected image file from the Image group |
When an image item is selected in the Project Explorer, Image Preview is summoned automatically.
FDL (Form Definition Language)
You can create a new form using Form Creation Wizard. Start Form Creation Wizard from Menu File [New – Item – Form].
FDL Creation Wizard (V9.2 changed)
Create New Form Wizard Step 1
name of form is mandatory, and if there is a same form name in the path, it cannot be used.
Properties | Description | |
|---|---|---|
1 | Name | Name of the form to create |
2 | Location | Location of the form to create |
Create new Form Wizard Step 2
Set up information related to inheritance of form. This can be selected only when UserForm is registered in the Objects information of TypeDefinition.
Create New Form Wizard Step 3
Set up the width and height of form. For the initial width and height the default value of Menu Tool [Options] are displayed.
Create New Form Wizard Step 4 (V9.2 added)
Set up the layout that will be used in form. Layout means screens in different sizes.
Properties | Description | |
|---|---|---|
1 | Name | Layout Name
|
2 | Screenid | Screen name that layout will use |
3 | Width | Width of Layout |
4 | Height | Height of Layout |
5 | Description | Description of Layout |
6 | Template | The button which brings layout information from template |
7 | Add Layout | The button which adds layout information to use in form |
8 | Delete | The button which deletes selected layout information |
When you press the Template button, a Popup Dialog Window which you can choose template from will appear.
When you select layout and layout group you like from the layout template and press ok, the selected layout information will be added to New Form Wizard.
Create New Form Wizard Step 5
Decide whether to create Form as Widget.
FDL Drag&Drop
You can manage created form in service group units in Project, and Forms in each group can move to other groups by using Drag & Drop or can be copied by using <Ctrl> + Drag & Drop.
FDL Items
Form Items have lower tree items which are: Layout, Objects, Script, and Bind.
Icon | Name | Explanation | |
|---|---|---|---|
1 | Layout | Display components created in Form as lower item | |
2 | Objects | Display invisible components without design | |
3 | Script | Display function lists that the form have | |
4 | Bind | Display information bound on form |
In the Form Item, functions as below are provided.
Menu | Icon | Function | |
|---|---|---|---|
1 | Edit | Summons Design Window which edits selected Form | |
2 | Insert Style | Adds CSS File, Applied to only Forms that are not loaded | |
3 | Copy | Copy selected Form | |
4 | Cut | Cut selected Form | |
5 | Paste | Paste copied or cut Form to current service | |
6 | Collapse All | Hide lower tree item of Form | |
7 | Expand All | Spread lower Tree Item of Form | |
8 | Close | Close project that is currently being edited | |
9 | Save | Save selected Form | |
10 | Save As… | Save selected Form as another name | |
11 | Rename | Change name of selected Form | |
12 | Refresh | Reload selected Form XML | |
13 | Delete | Delete selected Form | |
14 | QuickView | Launch selected Form with QuickView function |
Creating Widget Application
New Widget Application
If you select Widget Template from the first step of Project Creation Wizard, Widget Application without MainFrame will be created.
Creating Widget
Add Widget in the Popup Menu of ADL.
Editing Widget
For normal operation of Widget, the properties form URL and Background Image of Widget must be entered.
If you entered the properties values properly, you can see the operation of Widget by using the File [Launch Project] Menu.
Using Common Code
Make a Project Template
This is a function that registers the current project to template. In the Project Explorer, select Project > right click > click Project Template.
Properties | Description | |
|---|---|---|
1 | Project Template Name | Name of the template that will be created |
2 | Select ADL to include | Select ADL that you want to include into Project Template |
3 | Select a Service Group and Files to include | Select files to include in Project Template |
Projects registered in template can be selected and used in the New Project Wizard when creating new project next time.
Layout Template (V9.2 added)
You can use the basic layout templates provided in the Project Explorer. User can also register frequently used layout information to template.
Layout Template Dialog is consisted of 3 tabs. They are Device, which is the template that is basically provided, Graphic Array Template, and User Template, which is registered by user.
Properties | Description | |
|---|---|---|
1 | User Template | Layout Template List that can be used after registering of user |
2 | Device | The main mobile device that is being used |
3 | Graphic Array | Graphic Array being used as resolution |
4 | Add Screen | Button that adds Screen Group |
5 | Add Layout | Button that adds Layout |
6 | Delete | Button that deletes selected items. When Screen Group is deleted, all lower layouts of the group will be deleted also. |
7 | Grid that shows template information | You can convert to Edit mode by double clicking or pressing F2 button and edit contents.
|
Creating Other Files
Create a new XML file
Properties | Description | |
|---|---|---|
1 | File name | Name of XML file to create |
2 | Location | Location of XML file to create |
Create a new Java script file
Properties | Description | |
|---|---|---|
1 | File name | Name of script file to create |
2 | Location | Location of script file to create |