Appendix

Project Explorer Icon

The following table describes icons visible in Project Explorer.

Project Explorer Icon

Menu Option

Description

Project

Project

TypeDefinition

Configuration information for a Form

Updates

Update Group

Update

Update

Components

Component Group

Component

Components defined in Type Definition

GlobalVariables

Global variables

Variables

Variable Group

Variable

Variable

Datasets

Dataset Group

Dataset

Dataset

Column

Columns used in Dataset

Images

Image Group

Image

Image used in project

ADL

ADL

MainFrame

MainFrame of project

ChildFrame

Subordinate frames of MainFrame

Styles

Style group

Style

Style information

Themes

Theme group

Theme

Theme information

ScreenInfo

Screen group

Screen

Screen information

Forms (FDLs)

Service group

Form (FDL)

Form information

Layout

Component group that is displayed in Form Design

Script

Function group declared in a Form's script

Func

Function declared in a script

Bind

BindItem group

BindItem

Bind item details

Toolbar Functions

Nexacro Studio is provide access to various functions through toolbars.

Standard Bar

The Standard Bar provides quick access icons for the main functions of Nexacro Studio.

Standard Bar

Standard Bar

Menu Option

Description

Open Project

Open Project

Open

Open files that can be edited in Nexacro Studio

New

Create new project or Form, User Component, CSS, XML, XJS, etc.

Save

Save open form document

Save All

Save all open form documents

Cut

Cut selected area and save to clipboard

Copy

Copy selected area and save to clipboard

Paste

Paste clipboard contents

Print

Print current document

Options

Display Options Window of Nexacro Studio

Help

Help

Build

This is a toolbar related to a project/form unit build. It provides access to functions associated with nexacrogenerator.exe and Nexacro Platform application execution.

HTML5 Bar

Menu Option

Description

1

Generate Application

Generates a JavaScript file for the project. The generated file will be saved in a the folder designated in Options or in the folder selected in the dialog box.

2

Generate Theme

Generates a JavaScript file for the selected theme

3

Generate Service

Generates a JavaScript file for the selected service group

4

Generate File

Generates a JavaScript file for the form file being edited

5

Generate Modules

Among the modules in the location specified as "Base Lib Path," it copies the fixed modules (framework and resources) and the modules defined in the TypeDefinition.

6

Stop Generate

Stops the generation process in progress

7

ADL

Indicates activated ADL

8

Theme

Indicates themes used in activated ADL

9

Screen

Selects screen information to be used when executing

10

Web Browser

Selects an operating environment to be used when executing applications

You can select either Nexacro Platform Runtime or web browser installed on the users desktop.

11

Launch Project

Launches activated projects

12

QuickView

Executes activated forms

If you check the "Merge JSON file" option in the menu [Build > Deploy > Deploy Application], Nexacro Studio will merge JSON files when it conducts generation.

Deploy

HTML5 Bar

Menu Option

Description

Deploy Application

• Generates JavaScript for files to be transferred to the server

• Can generate into application, theme, file, or module (library) units

• Can obfuscate JavaScript files using compression, if necessary

('Check Compress JS' Files item / JDK)

Deplpoy Themes

Deplpoy Files

Deplpoy Modules

Make Application Archive

This is a feature to perform the three aforementioned archiving methods (Make Bootstrap, Make File Archive and Make Theme Archive) at once.

Make Bootstrap

The Make Bootstrap menu option creates files which run apps such as an start_android[ios].json and a Run.zip including a Run.html file.

Make File Archive

Use the Make File Archive option from the Archive menu to create a project archive file and register the appropriate information required for distribution in TypeDefinition.

Make Theme Archive

Theme archive files are downloaded from the deploy server when apps are initially installed. They will run as data saved on the device later on.

Align

Align Bar allows access to a number of alignment, distribution, and control-layering functions commonly used when developing form screens.

Align Bar

Align Bar

Menu Option

Description

Align Lefts

Align to the left value of the component that was selected last

Align Centers

Align to the horizontal center value of the component that was selected last

Align Rights

Align to the right value of the component that was selected last

Align Tops

Align to the top value of the component that was selected last

Align Middles

Align to the vertical center value of the component that was selected last

Align Bottoms

Align to the bottom value of the component that was selected last

Same Width

Align to the width value of the component that was selected last

Same Height

Align to the height value of the component that was selected last

Same Size

Align to the size of the component that was selected last

Space distribute Horizontally

Distribute components with same horizontal space between them.

Rearrange components with equal space.

Space distribute Vertically

Distribute components with same vertical space between them.

Rearrange components with equal space.

Same space Horizontally

Distribute components with same horizontal space between them.

User can control component spacing:


Same space Vertically

Distribute components with same vertical spaces in between.

User can control component spacing:


Posit Center

Move selected components to the horizontal center of Form Canvas

Posit Middle

Move selected components to the vertical center of Form Canvas

Posit Left

Move selected components to the left side of Form Canvas

Posit Right

Move selected components to the right side of Form Canvas

Posit Top

Move selected components to the top of Form Canvas

Posit Bottom

Move selected components to the bottom of Form Canvas

Bring to Front

Bring selected component to the front

Send to Back

Send selected component to the back

Bring Forward

Bring selected component forward

Send Backward

Send selected component back

Arrange to Taborder

Re-arrange source codes to adjust Z-order according to component tab order

Position Editor

Open Position Editor, which helps to edit the position property of a selected component

Lock Control

Fix component position so that it cannot be moved with the mouse

TextStyle

TextStyle Bar allows easy access to functions controlling the text style of selected component(s) on the Form screen.

TextStyle Bar

TextStyle Bar

Menu Option

Description

Font Name

Change font

Font Size

Change font size

Bold

Display text in bold

Italic

Display text in Italic

Strikeout

Display text in strike-through

UnderLine

Underline text

Anti-Alias

Display text smoothly

Front Size Up

Increase font size

Front Size Down

Decrease font size

Text Align Left

Align text to left

Text Align Center

Align text in the center

Text Align Right

Align text to right

Text Align Top

Align text to the top

Text Align Middle

Align text to the middle

Text Align Bottom

Align text to the bottom

Objects

The Objects Bar is a collection of components registered in TypeDefinition. Screens may be designed by dragging desired components when editing screen.

Objects Bar

Component Toolbox

Icon

Component Name

Description

Select

Select components by clicking and dragging with a mouse

Div

Used to include one or more forms within another or when handling related components in one group

Button

Used to place a button control on a form

PopupDiv

Used when constructing several sections in one screen

Combo

Used to place a combo (dropdown) control on a form

CheckBox

Used to place a checkbox (true/false) control on a form

ListBox

Used to place a listbox (list of items) control on a form

Edit

Used to place an Edit (editable text box) control on a form

MaskEdit

Used to place a MaskEdit control on a form. MaskEdit allows control of data formatting for items such as dates, times, phone numbers, and long numeric values

TextArea

Used to place TextArea (multi-line text box) control on a form

Menu

Used to construct menu items

Tab

Used to construct a page with multiple, tabbed sections

ImageViewer

Used to display images on a form

Radio

Used to place a radio button (pick one item of many) control on a form

Calendar

Used to allow a user to enter a date by selecting from a calendar

Static

Used to place a static (fixed text) control on a form

Grid

Used to display the contents of a Dataset in tabular form

Spin

Used to allow users to enter data using a "spinner" control - a control that allows the user to increment or decrement the value in the fiedl

PopupMenu

Used to construct a popup menu

GroupBox

Groups related components

ProgressBar

Used to place a graphic representing the status of a process on a form

Plugin

Used when using a plugin

Dataset

Saves data in tabular form

Debug

Debug Bar includes a collection of functions used during debugging.

Bookmark Bar

Menu Option

Description

Debug Project

Starts the project in debug mode

Debug Form

Starts the debugging mode in the currently selected form

Restart Debugging

Restarts the debugging mode

Stop Debugging

Terminates the debugging mode

Step Into

Performs one task step while in debug mode. If another function is called, debugging continues into the function.

Step Over

Performs one task step while in debug mode. If another function is called, executes the entire function call, stopping at the statement after the function call..

Step Out

Performs task steps until the current function returns to

its caller. Stops at the step after the call to the current function.

Run to Cursor

Goes to the line where the cursor is currently located and then stops at that point

Toggle Breakpoint

Sets/removes breakpoints

Delete Selected Breakpoint

Activates the breakpoint list window and deletes the selected breakpoint

Delete All



Breakpoints

Deletes all set breakpoints

Go To Source

Activates the breakpoint list window and moves to the point where the selected breakpoint source code is located

Enable/Disable All Breakpoints

Activates/deactivates all set breakpoints

Bookmark

Bookmark Bar is a collection of Bookmark functions that can move to specific lines during source editing.

Bookmark Bar

Bookmark Bar

Menu Option

Description

Toggle Bookmark

Set or clear bookmark at the current cursor location

Previous Bookmark

Move cursor to previous bookmark location

Next Bookmark

Move cursor to the next bookmark location

Previous Bookmark

in Document

Move cursor to previous bookmark location in the current the current document

Next Bookmark

in Document

Move cursor to the next bookmark location in the current the current document

Clear Bookmarks

Clear all bookmarks

Clear Bookmarks

in Document

Clear all bookmarks in the current document

CSS Selector

The CSS Selector bar contains functions that add and delete various selectors.

CSS Selector Bar

Menu Option

Description

Go to Source

Move to the source code location of then selected Selector. You can do the same by double clicking selector.

New Selector

Creates a new selector

Add Child Selector

Adds child selector to selected selector

Delete

Deletes the selected selector

Rename

Change name of selected selector

Compress All

Delete all properties that are not being used

Uncompress

Display all properties of the selected selector

Menu Bar

The Menu Bar is a collection of functions provided by Nexacro Studio

Menu Bar

File

File Menu

Menu Option

Description

New

• Project - Create new project

• Form - Create new form

• File - Create new file


• Style Sheet (.css) - Create new Style Sheet file in current project

• XML (.xml) - Create new XML file in current project

• Script (.xjs) - Create new XJS file in current project

• XTheme (.xtheme) - Create new theme file in current project

Open

• Project - Open new project

• File… - Open files that can be edited in Nexacro Studio

(js, css, xds, xtheme, etc.)

Close

Close form that is open

Close Project

Close project that is open

Save

Save currently active edit screen

Save As…

Save currently active edit screen under another name

Save All

Save all edit screens that are open and all the changed contents from Project Explorer

Recent Files

Display recently opened files

Recent Projects

Display recently opened projects

Import…

A function which imports xfdl being used in another project into the current project or creates a new project by importing exported project files

Export Project

Export currently open project to file

Project Template

Save the current project as a project template, so that it can be reused when creating new projects

Screen Template

Register Screen template, Registered template can be applied when creating new form

Print

Print text of source or script

Print Setup

Configure printing options

Exit

Exit Nexacro Studio

Edit

Edit Menu

Menu Option

Description

Undo

Undo to the previous action

Redo

Re-perform the last action that was "undone"

Cut

Cut selected area and insert to clipboard

Copy

Copy selected area to clipboard

Paste

Paste contents of clipboard

Paste Special

Paste the properties and bind information of the cut/copied component

Delete

Delete selected components or text of selected area

Select All

Select all text from source or script window

Find…

Find character string in source or script window

Find in File…

Find files that include designated word among files in designated path

Replace

In the source or script window, replace a specific character strings with another

Goto Line…

Move cursor to a specific line in source or script window

Bookmark

Same as the Bookmark toolbar

Comment

Selection

Comment out the selected area in the source or script window

UnComment

Selection

Remove the commenting from the selected area in source or script window (making the lines executable)

Refresh File

Status

Reload file

View

View Menu

View Menu

Menu Option

Description

Toolbars


• Standard - Display/Hide Standard Toolbar

• Build - Display/Hide Build Toolbar

• Deploy - Display/Hide Deploy Toolbar

• Align - Display/Hide Align Toolbar

• TextStyle - Display/Hide TextStyle Toolbar

• Objects - Display/Hide Objects Toolbar

• Debug - Display/Hide Debug Toolbar

• Bookmark - Display/Hide Bookmark Toolbar

• CSS Selector - Display/Hide CSS Selector Toolbar

Toolbox

Display/Hide Component Toolbox

Statusbar

Display/Hide Statusbar

Project

Explorer

Display Project Explorer window. When it is open, move focus

Properties

Display Properties window. When it is open, move focus

Style Property

Editor

Display Style Properties window. When it is open, move focus

Output


• Message - Display Output

• Find Result1 - Display Find Result 1

• Find Result2 - Display Find Result 2

• Global Bookmark - Display Global Bookmark

Assist

View Menu

Menu Option

Description

Copy Full Path

Copies to clipboard the full path where selected files are saved

Open Containing Folder

Opens in Windows Explorer the folder containing the selected file

Open File in Project

Can search for files included in the project and execute them

Design

Design Menu

Design Menu

Menu Option

Function

Align


Same as Toolbar [Align Bar]. (For details, refer to Align Bar)

Space


Same as Toolbar [Align Bar] (For details, refer to Align Bar)

Size


Same as Toolbar [Align Bar] (For details, refer to Align Bar)

Position


Same as Toolbar [Align Bar] (For details, refer to Align Bar)

Arrange


Same as Toolbar [Align Bar] (For details, refer Align Bar)

Zoom


Enlarge or shrink the current view

Layout Resize


Resize components automatically

Position Editor

Open Position Editor, which helps to edit the position values of a selected component

Tab Order

Editor

Start the Tab Order Editor mode, in which users can determine tab order and test it

Tab Order List

Open the Tab Order List window, in which users can determine tab order

Tab Order View

Toggle between displaying tab order and displaying Z-order on the Form Design panel

Show Bind

State

Display bind status of component

Build

HTML5 Menu

HTML5 Menu

Menu Option

Description

Generate Application

Generates JavaScript for all open projects. Generated files will be saved in the folder designated in option or selected in the dialog box

Generate Themes

Generates JavaScript for the selected theme

Generate Service

Generates JavaScript for the selected service group

Generate File

Generates JavaScript for the form file being edited

Generate Modules

Among the modules in the location specified as "Base Lib Path," it copies the fixed modules (framework and resources) and the modules defined in the TypeDefinition.

Stop Generate

Stops the current generation in progress

Deploy

• Generates JavaScript for files to be transferred to the server

• Can generate into application, theme, file, or module (library) units

• Can obfuscate JavaScript files using compression, if necessary

('Check Compress JS' Files item / JDK)

Compress

Saves a project in the form of a compressed JavaScript file


Compile

Saves a project or designated code in the form of a obfuscated file

- Project


- File

Launch Project

Executes activated projects

QuickView

Executes activated forms

If you want to use the 'Compress JS files' function on Deploy menu, a Java Development Kit (JDK) must be installed on your PC. Also, be sure to set the JAVA_HOME environment variable needed for execution.

JDK version 1.5 or later can be installed by copying the executable files to the system path without setting the JAVA_HOME environment variable.

Archive

archive_menu

Hybrid Menu

Menu Option

Description

Make Application Archive

Launches the Application Archive Wizard to perform the three archiving methods (Make Bootstrap, Make File Archive and Make Theme Archive) at once.

Make Bootstrap

Generates a bootstrap archive file, which works to run a app.

  • Run.zip

  • start_android.json

  • start_ios.json

Make File Archive

Generates a project archive file by bundling up project files.

  • [Name of an archive item].xzip

Make Theme Archive

Generates a theme archive file.

  • [Name of a theme].zip

Package Builder

Transforms a Nexacro Platform application into an installation file for the iOS/Android platform and then provides the download link.

Debug

Bookmark Bar

Menu Option

Description

Window

Activates the selected Debug window

Start Debugging

Starts the debugging mode in the project

Start Form Debugging

Starts the debugging mode in the selected form

Stop Debugging

Terminates the debugging mode

Restart

Restarts debugging

Step Into

Performs one task step while in debug mode. If another function is called, debugging continues into the function.

Step Over

Performs


one task step while in debug mode. If another function is called,


executes the entire function call, stopping at the statement after the


function call..

Step Out

Performs task steps until the current function returns to


its caller. Stops at the step after the call to the current function.

Run to Cursor

Performs task steps through to the line where the cursor is currently located and then stops at that point

Toggle Breakpoint

Sets/removes breakpoints

Delete Selected Breakpoint

Activates the breakpoint list window and deletes the selected breakpoint

Delete All Breakpoints

Deletes all set breakpoints

Go To Source

Activates the breakpoint list window and moves to the point where the selected breakpoint source code is located

Enable/Disable Selected Breakpoints

Activates the breakpoint list window and activates/deactivates all selected breakpoints

Enable/Disable All Breakpoints

Activates/deactivates all set breakpoints

Tools

Tools Menu

Tools Menu

Menu Option

Description

Options…

Opens Options Setup Window of Nexacro Studio

External Tools

External program list set in Options - External Tools

Window

Window Menu

Window Menu

Menu Option

Description

Cascade

Arrange editing windows in a terraced (cascading) form

Tile

Arrange editing windows in a tile form

Arrange Icons

Minimized icon arrangement

Close

Close selected edit window

Close All But This

Close all screens except the currently opened window

Close All

Close all edit windows

Next

Move to next edit window

Previous

Move to previous edit window

Maximize Active Window

Function not implemented Then why is it on the window?

Help

Help Menu

Help Menu

Menu Option

Description

Help

Displays the Help Window

About Nexacro Studio…

Display the Nexacro Studio information window

Shortcut keys

When developing Nexacro Platform applications, you can improve productivity by using the shortcut keys. This page explains useful shortcut keys.

Applicable range

Feature name

Shortcut key

Description

Common

New

Ctrl + N

Creates a new form

Open

Ctrl + O

Opens already created files

Save

Ctrl + S

Saves revised files

Copy

Ctrl + C,

Ctrl + Ins

Copies selected items to the clipboard

Cut

Ctrl + X,

Shift + Del

Cuts selected items and places them on the clipboard

Paste

Ctrl + V,

Shift + Ins

Pastes cut/copied items from the clipboard

Delete

Del

Deletes selected items

Undo

Ctrl + Z,

Alt + Back

Undoes to the previous action

Redo

Ctrl + Y

Re-performs the last action that was "undone"

Find in Files

Ctrl+Shift+F

Searches a specified location and finds the files that include keywords

Help

F1

opens the Nexacro Platform manual

Launch Project

Ctrl + F5

Executes currently open projects

Applicable range

Feature name

Shortcut key

Description

Window

Next Window

Ctrl + Tab

Activates the next open file

Previous Window

Ctrl + Shift + Tab

Activates the previous open file

Applicable range

Feature name

Shortcut key

Description

Project Explorer

Edit

Ctrl + E

Edits selected item on Project Explorer

Rename

F2

Renames selected item on Project Explorer

Search

F3

Selects items that include filter keywords

Applicable range

Feature name

Shortcut key

Description

Properties Window

Show Items

Ctrl + F4

If the selected property value is shown in Combo, the content of Combo is expanded.

Applicable range

Feature name

Shortcut key

Description

Form Design

Escape

Esc

Cancels the current task (if there is no current task, selects the superior component of the component currently selected)

Next

Tab

Selects next component indicated by the Tab Order associated with the currently selected component

Previous

Shift + Tab

Selects the previous component indicated by the Tab Order associated with the currently selected component

Move

Arrow keys

↑,↓,←,→

Moves selected components up, down, left, and right

Nudge

Ctrl + Arrow keys

↑,↓,←,→

Minutely moves the selected components up, down, left, and right

Resize

Shift + Arrow keys

↑,↓,←,→

Resizes the selected components

Resize (minutely)

Ctrl + Shift + Arrow keys

↑,↓,←,→

Resizes the selected components minutely

InplaceEdit

F2

Enables changing the selected component's text

Select All

Ctrl + A

Selects all components

Tab Order

Ctrl + D

Activates Tab Order functionality

Transform

Ctrl + T

Activates transform functionality

Show Bind State

Ctrl + B

Shows the bind information of components

Quick View

Ctrl + F6

Executes current forms

Applicable range

Feature name

Shortcut key

Description

Source Script

Find

Ctrl + F

Opens the Find dialog functionality to search for specific text

Find Next

F3

Searches for the next item matching the current search string, relative to the current cursor location

Find Previous

Shift + F3

Searches for the previous item matching the current search string, relative to the current cursor location

Find Word

Ctrl + F3

Searches for the next occurrence of the string selected at the current cursor location

Goto Line

Ctrl + G

Goes to the line whose line number is entered

Match Brace

Ctrl + ]

Cursor will move to a brace matching the currently selected brace.

Match Brace (select)

Ctrl + Shift + ]

Selects the text enclosed by the currently selected brace and its matching brace

Replace

Ctrl + R

Activates the Find and Replace Dialog to replace a specified text string with another

Select All

Ctrl + A

Selects all in the current file

Block Comment

/

The selected area is converted into comments

Unblock Comment

Alt + /

Comment in the selected area will be removed (making code executable).

Bookmark Toggle

Ctrl + F2

Creates or removes a bookmark at the cursor location within the current file

Bookmark Clear

Ctrl + Shift + F2

Clears all bookmarks within the current file

Bookmark Next

F2

Moves the cursor to the next bookmark within the current file

Bookmark Previous

Shift + F2

Moves the cursor to the previous bookmark within the current file

Expand Max View

Ctrl + Shift + Enter

Minimizes all Dialog Bars (Project Explorer, Output, etc.) and maximizes the current window

Change Tab Next

Ctrl + Down

Moves to the tab immediately after the current tab (Design/Source/Script)

Change Tab Previous

Ctrl + Up

Moves to a tab immediately before the current tab (Design/Source/Script)

Delete Line

Ctrl + Shift + L

Deletes the line on which the cursor is located

Delete Line (keep line)

Ctrl + Shift + Back

Deletes content in the current line where the cursor is located Clarify

Delete Paragraph

Ctrl + Del

Deletes the paragraph in which the cursor is located

Enter

Ctrl + Shift + J

Identical functionality as Enter

Tab

Ctrl + Shift + I

Identical functionality as Tab

Next Source/Script Window

Ctrl + Shift + F6

Moves to Source/Script window

Select Paragraph

Ctrl + Shift + \

Selects character strings at the current cursor location in a descending order by dividing paragraphs based on word count Clarify, What's this for?

Change Font

Alt + =

Change font

Move Start Position of Line

Home

Moves the cursor to the start of the current line, excluding white space

Move Start Position of Line(include space)

Alt + Home

Moves the cursor to the start of the current line, including white space

Move End Position of Line

End

Moves the cursor to the end of the current line

Move Start Position of File

Ctrl + Home

Moves the cursor to the beginning of the current file

Move End Position of File

Ctrl + End

Moves the cursor to the end of the current file

Paragraph Next

Ctrl + \

Moves the cursor to the next paragraph

Paragraph Previous

Ctrl + /

Moves the cursor to the previous paragraph

Magnifier

Ctrl + -(num), +(num)

Zooms out (-) or in (+), shrinking or enlarging the current view

Script(Only)

View Memberlist

Ctrl + Space

Shows the Memberlist