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.
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 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.
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
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
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.
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.
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
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
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
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
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
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
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
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
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
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 |