Form Creation Wizard

A new form can be created using the New Form Wizard, which is launched using [File > New > Form]

Step 1 Location

The first step is to determine the name and path of a new Form. You must enter a Form's “Name” and “Location.” A Form file is managed by a service, so you cannot designate paths other than a relevant service as a location of a Form file.

You can select among registered Form templates. As a Form template already defines its layout and position, you can click the Finish button to complete the creation of a Form without undergoing the later steps.

Forms in the same location must have unique names.

Step 2 Layout

In the Layout item, the layout information to be used in the Form is entered. You can add a layout and set property values according to the Layout Type. When the Layout Type is changed, the list of properties that can be set changes, and an example image that can be used as a reference when setting property values is displayed.

The basic properties that can be designated when creating the layout information are as follows.

If you select an item from "Horizontal", "Vertical", or "Table" instead of "Absolute" for Layout Type, the additional Fluid Layout properties are displayed. The displayed properties are displayed differently according to the selected Layout Type.

A form must have one layout at least, and you cannot delete a default layout because it is essential.

Step 3 Position

Set up the units for measuring the position when generating a component in a Form. The default is the value specified in options.

After setting up the units, click the checkbox beside 'Save position units in options' on the bottom left corner to save the designated units in options.

Create Other Files

Style files (CSS), XML files, script files, and theme files may be created using menu option File > New.

Create Theme Files

You can create a new theme file by accessing [File > New > Theme].

The 'Location' value is auto-populated based on the project path and cannot be changed. The 'Name' value cannot be created when there is a Theme with the same name in the path to be created.

As soon as a theme is created, the corresponding editor view will be opened automatically. A theme file is managed under the Theme directory in the Resource Explorer.

When you finish creating a theme, a folder of the specified name will be created under the relevant project. The folder includes an .xcss file and the images folder, the latter of which contains image files.

[project]
- [_resource_]
-- [_theme_]
--- [test]
---- theme.xcss
---- [images]
----- btn_CalDrop_D.png
----- btn_CalDrop_N.png
...

Create Style Sheet

You can create a new style sheet file by accessing [File > New > Style Sheet]. The extension of the file is .xcss.

You must enter a XCSS file's "Name" and "Location." Moreover, XCSS files in the same location must have unique names. At "Insert Target," you must specify to which target you apply the XCSS.

As soon as an XCSS file is created, the corresponding editor view will be opened automatically. In the Project Explorer, the XCSS file will be registered in Styles of the Application specified as an insert target. In addition, it will be registered in XCSSResource in the Resource Explorer.

Create Script Files

You can create a new script file by accessing [File > New > Script]. The extension of the file is .xjs.

You must enter an XJS file's "Name" and "Location." Moreover, XJS files in the same location must have unique names.

As soon as an XJS file is created, the corresponding editor view will be opened automatically. If an XJS file is created in a service path, it will be registered in the relevant service in the Project Explorer.

Create XML Files

You can create a new XML file by accessing [FILE > New > XML]. The extension of the file is .xml.

You must enter an XML file's "Name" and "Location." Moreover, XML files in the same location must have unique names.

As soon as an XML file is created, the corresponding editor view will be opened automatically. If an XML file is created in a service path, it will be registered in the relevant service in the Project Explorer.

Create InitValue Files

You can create a new InitValue file by accessing the menu [File > New > InitValueDefinition]. The extension of the file is .xiv and the created file will be registered in the Resource Explorer.

Nexacro Studio will create a folder named "_initvalue_" under the relevant project folder in your computer. An InitValue file will be saved into this _resource_/_initvalue_ folder.

Creating an InitValue file will prompt the opening of the InitValueDefinition window, in which you can choose objects or components that you want to include in the InitValue file. Then, right-click an object or component to select the context menu [Add InitValueDefinition]. Otherwise, select an object or component and then click the "+" icon at the top of the pane.

You can see an ID created under the relevant object or component, and also see that the right-hand pane is activated with the list of properties. In these circumstances, you can modify the InitValue file by specifying properties. Clicking the [Source] tab allows you to check the source codes of a created or modified InitValue file.

Create UserFont Files

You can create a new UserFont file by accessing the menu [File > New > UserFont]. The extension of the file is .xfont, and the created file will be registered in the Resource Explorer.

Nexacro Studio will create a folder named "_font_" under the relevant project folder in your computer. A UserFont file will be saved into this _font_ folder.

If you check the Apply current file to Environment 'userfontid' property value option, a created user font will apply to the userfontid property of the Environment object. You can change or delete the value of the property later on.

A UserFont file is created with sample codes included in it. You can apply the created user font by manipulating the sample codes as you want and then removing the comments. If you generate the codes included in a UserFont file, they will be incorporated into the inside of the <style> element of the created HTML file.

Register and Use Form Templates

A Form template is such that you designate a standard format used in your project or you register a frequently-used screen type. When you create a Form, you can choose among those templates.

Register a Form Template

You can register a Form template by following the below steps.

The default storage path is as follows. After running the menu [Tools > Options], you can change the storage path managed in the project in [Project > QuickCode > Form Template].

C:\Users\[User Name]\Documents\TOBESOFT\Nexacro N\templates\user\formTemplate\[Category Name]\[Template Name]
C:\Users\[User Name]\Documents\TOBESOFT\Nexacro N\templates\user\formTemplate\[Template Name]

When registering the form template, you can add or change category items. If there is no category item added, then register the form template directly under the Form Templates default path. If there are many form templates to manage, then it is recommended to create categories to manage.

Create a Form by using a Form Template

Registering & Using ViewSet Template

The ViewSet template can specify standard layouts used within the project by using the View component. The ViewSet template created can be selected when creating a new form.

Registering ViewSet Template

The form template can be registered as follows.

The View component holds the layout to place the component that will actually operate. Define the layout type that is frequently used in the entire project first and then make it the ViewSet template.

When saving the Form that includes the View component, ViewSet Template Wizard is executed, and when the View component is not included, Form Template Wizard is executed.

Category can be added or changed if necessary. If Category is not selected, then the ViewSet template is displayed directly under the Viewset Templates item. If you have many ViewSet templates that you use, then it is recommended to create Category to manage.

The default storage path is as follows. After running the menu [Tools > Options], you can change the storage path managed in the project in [Project > QuickCode > Form Template]. The "viewset" folder is created based on the set path and the ViewSet form template storage path is created thereunder.

C:\Users\[User Name]\Documents\TOBESOFT\Nexacro N\templates\user\formTemplate\viewset\[Category Name]\[Template Name]
C:\Users\[User Name]\Documents\TOBESOFT\Nexacro N\templates\user\formTemplate\viewset\[Template Name]

Creating New Form with ViewSet Template

If the Category is set, then you can check the ViewSet template under the corresponding Category folder.