Menu Options
File
| New Project | Open a new project. The current one is closed first. Each project is put into its own directory. This option brings up a wizard to select certain Project Properties. |
| Open Project... | Bring up the Open Dialog for existing applications. You can navigate to other folders. |
| Open Older Project... | Use this to open projects create before AppStudio 7, and for projects with non standard folder names. |
| Open Sample Project… | Brings up the Open Dialog in the directory of Samples that come with AppStudio. |
| Save Project | Save the project. If project is new, a name will be requested. |
| Save Project As... | Save the project under a name you select. |
| Export Current Form/Code | Exports the current form or code window to an external file. |
| Recent Files | A list of recent projects you can open. |
| Exit | Close the current project and exit the IDE. |
Edit
| Undo | Undoes the last edit in the Code Window. Multiple undoes are supported. | ||
| Redo | Does the last edit in the Code Window again. | ||
| Cut | Cut selected code or object. Objects are cut (and copied) in standard text format, so you can view and edit them in other applications. | ||
| Copy | Copy selected code or object. | ||
| Paste | Paste code or object. | ||
| Delete | Delete the currently selected code or object. | ||
| Select All | Selects all the code or objects on the current view. | ||
| Find/Replace | Find searches the code for a string. It can search the entire project or just the currently selected code. Options exist for finding whole words and for searching as case sensitive. Can also be used to replace one or all occurrences of a string. | ||
| Find Next | Find the next occurrence of the string.
- |
Go To Line | Scrolls the cursor to the specified line number in the Code Window. |
| Format Code | Beautifies the code. | ||
| Block Comment | Makes the selected code into a comment. | ||
| Block Uncomment | Uncomment the selected code. |
View
| Project Explorer | Display or hide the Project Explorer Window. |
| Properties Window | Display or hide the Properties Window. |
| Toolbar | Display or hide the Toolbar (just under the menus) |
| Toolbox | Display or hide the Toolbox. The Toolbox displays a list of available controls. |
| Help | Display or hide the Help window. |
| Status Bar | Display or hide the Status Bar (at the bottom of the IDE). |
| Design Grid | Show coordinate grid instead of background. Works with Size to Grid. |
| Reset IDE Panels | Resets all IDE panels to their original settings. |
| Close other tabs | Closes all tabs except for the current one. |
| VoltBuilder Status | Display the Native Build Status screen, if hidden behind IDE. |
| Eslint | Display the Eslint results screen, if hidden behind IDE. |
Project
| Add Form | Add a new form to the project. A form is a collection of controls that are displayed by a program at the same time. A program may have any number of forms. Form names must not use the name of any variable or control, for example, frmHelp. |
| Add Existing Form… | Add a form to the project from an external file. External files can be created under the File menu. |
| Add New Code File | Add a new Code Module to the project. A code file is a container for code that does not belong to any form. |
| Add Existing Code File… | Add an existing external Code Module to the project. |
| Open Project CSS | Opens a window with the project's CSS. |
Format
| Size to Grid | Resizes the selected object to align with the grid pattern. |
| Center in Form | Moves the selected object so it is centered (horizontally or vertically). |
| Nudge | Move the selected control by 1 pixel Left, Right, Up or Down. |
Run
| Start in Desktop Browser | Start running your app using the Chrome browser. If Chrome is not available, Safari is tried. If neither one works, an error is shown. If you get Cross-Origin-Resource-Policy errors, use Deploy to Local Folder instead. |
| Deploy | Copy your app to a website so devices can run it. See “Distributing your App”. You can deploy to VoltServer or to your own server, as defined in Preferences: Deploy Options. If you are using a firewall, make sure port 443 is open. |
| Refresh Deploy | Copy just the code of your app to the deploy site. Does not copy all the other files and images again. Much quicker if you only changed your code since the last run. |
| Deploy to VoltServer | This uploads your app to VoltServer. If you have an account, it should be entered into Preferences. If you do not, the app will only remain on the server for an hour. |
| Manage your VoltServer app | This opens the VoltServer Dashboard to your currently loaded app and lets you customize its features. |
| Sign-up/Sign-In to VoltServer | This opens the VoltServer Dashboard and lets you sign in to manage your apps. If you do not have an account, you can sign up for one here. |
| Deploy to FTP/SFTP server | Deploys to a server of your choice. Define it in Preferences: Deploy. |
| Deploy to Local Folder | Deploys to a directory on your system. Define it in Preferences: Deploy. (Note that SQLite WASM does not work with this option) |
| Make Native App with VoltBuilder | Sends your project to VoltBuilder, where native versions of your app will be compiled. Set your API Credentials in Preferences | VoltBuilder to link AppStudio to VoltBuilder. If you are using a firewall, make sure port 443 is open. |
| Get VoltBuilder Build Status | Queries VoltBuilder to get the status of the build of your app. Will show URL and QR code when complete. |
| Make Native App with Cordova | Use Apache Cordova CLI to make a native app locally. |
| Run Desktop App using Electron | Run your app as an Electron + Node app. |
| Make Desktop App for Distribution using Electron | Turns your app into a redistributable exe file for Windows or MacOS. It creates a complete installer. |
| How to use Debuggers | Display a tech note on debugging. |
| Check Deployment | Tests your server to see if it is properly configured. |
Tools
| Bootstrap 3 Theme Customizer | Opens a utility to design your own custom Bootstrap themes. |
| Bootstrap 4 Theme Customizer | Opens a utility to design your own custom Bootstrap themes. |
| jQuery Mobile Themeroller | Create your own jQuery Mobile themes. |
| Convert App to JavaScript | Converts a BASIC project to JavaScript permanently. |
| Open Github Desktop | If using GitHub, opens the GitHub Desktop for the currently loaded project. (GitHub Desktop must be installed separately.) |
| Open Github Website | If using GitHub, opens GitHub website for the currently loaded project. |
Help
| ReadMe | The latest information about the version of NSB/AppStudio that is currently installed. A must read! |
| Language Reference | A link to the online wiki with all of NSB/AppStudio’s functions, statements and controls. |
| Handbook | A link to the online wiki with the full NSB/AppStudio Handbook. |
| Wiki | A link to this Wiki. |
| Language Reference Offline | A link to the locally stored copy with all of NSB/AppStudio’s functions, statements and controls. |
| Handbook Offline | A link to local copy of the full NSB/AppStudio Handbook. |
| Web Board | Go to the AppStudio discussion board. |
| Blog | Go to the AppStudio blog. |
| Website | Go to the AppStudio website. |
| Tech Notes | Display Tech Notes with additional information not in the Handbook. |
| Tutorials | A series of tutorials that take you through common NSB/AppStudio functions. |
| Videos | A series of videos that take you through common NSB/AppStudio functions. |
| Check for Updates… | Get information on the latest version. Shows version number and changes. |
| About NSB/AppStudio | The standard About screen. Use this to check your current version of AppStudio. |
Next: Deploy Bar