Menu Options: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
== File ==
{| class = "wikitable"
{| class = "wikitable"
|-
|-
! 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.
|-
|-
| New Project || Open a new project. The current one is closed first. Each project should be 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 Project... || Bring up the Open Dialog for existing applications in the current folder. 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 App Studio.
| 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 || Save the project. If project is new, a name will be requested.
Line 18: Line 19:
|-
|-
| Exit || Close the current project and exit the IDE.
| Exit || Close the current project and exit the IDE.
|-
|}
! Edit !!
 
== Edit ==
{| class = "wikitable"
|-
|-
| Undo || Undoes the last edit in the Code Window. Multiple undoes are supported.
| Undo || Undoes the last edit in the Code Window. Multiple undoes are supported.
Line 35: Line 38:
| Select All || Selects all the code or objects on the current view.
| 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/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.
|-
|-
| Replace... || Replace is similar to Find, but can be use 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]].
|-
|-
| 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 Comment || Makes the selected code into a comment.
|-
|-
| Block Uncomment || Uncomment the selected code.  
| Block Uncomment || Uncomment the selected code.  
|}
== View ==
{| class = "wikitable"
|-
|-
! View !!
| Project Explorer ||Display or hide the Project Explorer Window.
|-
| Project ||Display or hide the Project Explorer Window.
|-
| Explorer ||
|-
|-
| Properties Window || Display or hide the Properties Window.
| Properties Window || Display or hide the Properties Window.
Line 56: Line 61:
|-
|-
| Toolbox || Display or hide the Toolbox. The Toolbox displays a list of available controls.
| 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).
| Status Bar || Display or hide the Status Bar (at the bottom of the IDE).
Line 63: Line 70:
| Reset IDE Panels || Resets all IDE panels to their original settings.
| Reset IDE Panels || Resets all IDE panels to their original settings.
|-
|-
| Refresh || Redraw all Windows.  
| Close other tabs || Closes all tabs except for the current one.
|-
| [[Build Native App|VoltBuilder Status]] || Display the Native Build Status screen, if hidden behind IDE.
|-
|-
! Project !!
| [[Code_Window#Style_Checking|Eslint]] || Display the Eslint results screen, if hidden behind IDE.
|}
 
== Project ==
{| class = "wikitable"
|-
|-
| 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 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.
Line 71: Line 84:
| Add Existing Form… || Add a form to the project from an external file. External files can be created under the File menu.
| 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 File to the project. A code file is a container for code that does not belong to any form.
| Add New Code File || Add a new [[Code Modules|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 file to the project. This can be created under the File menu, or be file ending in .txt, .bas or .cod.  
| Add Existing Code File… || Add an existing external [[Code Modules|Code Module]] to the project.
|-
|-
! Format !!
| Open Project CSS || Opens a window with the project's CSS.
|}
 
== Format ==
{| class = "wikitable"
|-
|-
| Size to Grid || Resizes the selected object to align with the grid pattern.
| Size to Grid || Resizes the selected object to align with the grid pattern.
Line 82: Line 99:
|-
|-
| Nudge || Move the selected control by 1 pixel Left, Right, Up or Down.  
| Nudge || Move the selected control by 1 pixel Left, Right, Up or Down.  
|-
|}
! Run !!
 
== Run ==
{| class = "wikitable"
|-
|-
| 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.
| 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 Tech Note 5, “Distributing your App”. You can deploy to the NSB/App Server or to your own server, as defined in Deploy Options.
| 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.
| 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.
|-
|-
| Build Native App || Sends your project to PhoneGap Build, where native versions of your app will be compiled. Set your PhoneGap account into in Deploy Options.
| 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.
|-
|-
| 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.
| Manage your Volt app || This opens the Volt Dashboard to your currently loaded app and lets you customize its features.
|-
| [https://dashboard.voltcloud.io/ 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 VoltBuilder || Sends your project to VoltBuilder, where native versions of your app will be compiled. Set your API Credentials in [[Preferences#VoltBuilder_Tab|Preferences | VoltBuilder]] to link AppStudio to VoltBuilder.  If you are using a firewall, make sure port 443 is open.
|-
| [[Make_Native_App_with_VoltBuilder|Get VoltBuilder Build Status]] || Queries VoltBuilder to get the status of the build of your app. Will show URL and QR code when complete.
|-
| [[Cordova|Make Native App with Cordova]] || Use Apache Cordova CLI to make a native app locally.
|-
| [[Using_Node_and_Electron_to_build_Desktop_Apps|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.
|-
| [[Using the Chrome Debugger|How to use Debuggers]] || Display a tech note on debugging.
|-
| Check Deployment || Tests your server to see if it is properly configured.
|}
 
== Tools ==
{| class = "wikitable"
|-
| [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.
|-
| [http://themeroller.jquerymobile.com 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. ([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.
|}
 
== Help ==
{| class = "wikitable"
|-
|-
| Debugger || Brings up Tech Note on using Chrome Debugger.  
| ReadMe || The latest information about the version of NSB/AppStudio that is currently installed. A must read!
|-
|-
! Tools !!
| Language Reference || A link to the online wiki with all of NSB/AppStudio’s functions, statements and controls.
|-
|-
| Deploy Options || Set the options for deploying to your own server instead of the NSB/App Server, as well as your PhoneGap account info.
| Handbook || A link to the online wiki with the full NSB/AppStudio Handbook.
|-
|-
! Help !!
| Wiki || A link to this Wiki.
|-
|-
| ReadMe || The latest information about the version of NSB/App Studio that is currently installed. A must read!
| Language Reference Offline || A link to the locally stored copy with all of NSB/AppStudio’s functions, statements and controls.
|-
|-
| Register... || Enter your serial number here to activate your copy. Your serial number is on the back of your Handbook.
| Handbook Offline || A link to local copy of the full NSB/AppStudio Handbook.
|-
|-
| Language Reference || A Help file with all of NSB/App Studio’s functions, statements and controls.
| [https://discuss.appstudio.dev/ Web Board] || Go to the AppStudio discussion board.
|-
|-
| Handbook || The full NSB/App Studio Handbook (that’s me) in pdf form.
| [https://blog.appstudio.dev/ Blog] || Go to the AppStudio blog.
|-
|-
| NS Basic Website || Go to NS Basic's website.
| [https://www.appstudio.dev/ Website]|| Go to the AppStudio website.
|-
|-
| Tech Notes || Display Tech Notes with additional information not in the Handbook.
| Tech Notes || Display Tech Notes with additional information not in the Handbook.
|-
|-
| Tutorials || A series of tutorials that take you through common NSB/App Studio functions.
| Tutorials || A series of tutorials 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.
| 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.
| Check for Updates… || Get information on the latest version. Shows version number and changes.
|-
|-
| About NSB/App Studio || The standard About screen. Use this to check your current version of App Studio.
| About NSB/AppStudio || The standard About screen. Use this to check your current version of AppStudio.
|}
|}


Next: [[Tool_Bar|Tool Bar]]
Next: [[Deploy_Bar|Deploy Bar]]

Revision as of 14:10, 14 November 2020

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