Tour of the IDE: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
Line 62: Line 62:
* Start in Desktop Browser
* Start in Desktop Browser


<div class="page-break"></div>
= Design Screen =
= Design Screen =


<div class="page-break"></div>
= ToolBox =
= ToolBox =


<div class="page-break"></div>
= Project Explorer =
= Project Explorer =


<div class="page-break"></div>
= Properties Window =
= Properties Window =


<div class="page-break"></div>
= Code Window =
= Code Window =


<div class="page-break"></div>
= Wiki =
= Wiki =

Revision as of 15:05, 9 December 2013

Menus

File Menu

  • New, Open and Save Projects
  • Open Samples
  • Export Form/Code...

Edit Menu

  • Undo/Redo
  • Cut, Copy, Paste, Delete
  • Code Window:
    • Find, Go to line, Block Comment/Uncomment

View

  • Show and hide various parts of the IDE
  • Reset IDE panels

Project

  • Add Forms
  • Add Code Files

Format

  • Useful for the Design Screen
  • Align to grid
  • Centering controls
  • Nudging controls

Run

  • Start in Desktop Browser
  • Deploy to a server
  • Build using PhoneGap
  • Build Chrome Native App
  • Debugger

Tools

  • Preferences
  • ThemeRoller

Help

  • Wiki
  • Offline Wiki
  • Blog
  • TechNotes
  • Tutorials
  • Updates

Toolbar


The ToolBar gives you shortcuts to many of the menu items. They are, from left to right

  • New Project
  • Open Project…
  • Save Project
  • Print
  • Undo
  • Redo
  • Cut
  • Copy
  • Paste
  • Delete
  • Find
  • Add Form
  • Start in Desktop Browser

Design Screen

ToolBox

Project Explorer

Properties Window

Code Window

Wiki