Project Explorer Icon
The following table describes icons visible in Project Explorer.
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.
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 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.
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
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.
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.
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.
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.
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.
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.
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
File
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 text of source or script | |
Print Setup | Configure printing options |
Exit | Exit Nexacro Studio |
Edit
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
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
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
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
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
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.
|
Make File Archive | Generates a project archive file by bundling up project files.
|
Make Theme Archive | Generates a theme archive file.
|
Package Builder | Transforms a Nexacro Platform application into an installation file for the iOS/Android platform and then provides the download link. |
Debug
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
Menu Option | Description |
---|---|
Options… | Opens Options Setup Window of Nexacro Studio |
External Tools | External program list set in Options - External Tools |
Window
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
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 |