Menu Options: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 138: Line 138:
{| class = "wikitable"
{| class = "wikitable"
|-
|-
| [http://blog.nsbasic.com/2016/11/make-your-own-bootstrap-theme/ Bootstrap Theme Customizer] || Opens a utility to design your own custom Bootstrap themes.
| [http://blog.nsbasic.com/2016/11/make-your-own-bootstrap-theme/ Bootstrap 3 Theme Customizer] || Opens a utility to design your own custom Bootstrap themes.
|-
| [http://blog.nsbasic.com/2016/11/make-your-own-bootstrap-theme/ Bootstrap 4 Theme Customizer] || Opens a utility to design your own custom Bootstrap themes.
|-
|-
| Deploy Options || Set the options for deploying to your own server instead of the NSB/App Server, as well as your PhoneGap account info.
| Deploy Options || Set the options for deploying to your own server instead of the NSB/App Server, as well as your PhoneGap account info.
Line 145: Line 147:
|-
|-
| Convert App to JavaScript || Converts a BASIC project to JavaScript permanently.
| 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. ([https://desktop.github.com/ GitHub Desktop] must be installed separately.)
|-
| Open Github Website || If using GitHub, opens [https://github.com GitHub website] for the currently loaded project.
|}
|}



Revision as of 16:39, 13 December 2019

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.
PhoneGap 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.
Deploy Copy your app to a website so devices can run it. See “Distributing your App”. You can deploy to the Volt Server 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 Volt This uploads your app to the Volt server. 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 Volt app This opens the Volt Dashboard to your currently loaded app and lets you customize its features..
Sign-up/Sign-In to Volt This opens the Volt 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.
Make Native App with PhoneGap Build Sends your project to PhoneGap Build, where native versions of your app will be compiled. Set your PhoneGap account into in Deploy Options. If you are using a firewall, make sure port 443 is open.
Get Native Build Status Queries PhoneGap to get the status of the build of your app. Will show one line, with URL when complete, for each platform.
Make Native App with PhoneGap CLI Use the PhoneGap 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.
Deploy Options Set the options for deploying to your own server instead of the NSB/App Server, as well as your PhoneGap account info.
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.
Blog Go to the AppStudio blog.
https://www.nsbasic.com Go to AppStudio's 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.
Register... Enter your serial number here to activate your copy. Your serial number is on the back of your Handbook.
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