Main Toolbar

From HTML5 Builder
Jump to: navigation, search

The Main Toolbar of HTML5 Builder is located on the top side of the interface:

MainToolbar.png

The toolbar is visible from any view, and it consists of the following elements:

Action Bar

On the left side of the toolbar, a list of actions is displayed. Actions are represented by icons, and you can hover an icon for a description of the action it performs.

The action bar is context-aware, so the available actions will change as you navigate the different views and pages of HTML5 Builder.

MainToolbarHomeStart.png
MainToolbar.png

View Switcher

Between the Action Bar and the IDE Insight Search Box, there is a switcher you can use to access the different HTML5 Builder views. It is also context-aware, so only the views available for the working file (if any) will be listed.

HTML5 Builder has the following views:

HomeStart.png Home — Manage your files and projects, configure HTML5 Builder, deploy your applications, and more.
Code.png Code — Write the source code for your applications.
Design.png Design — Compose the interface of your applications.
Data.png Data — Read the data returned by your queries.
Template.png Template — Use a template to design your interfaces.
Preview.png Preview — Preview the resulting rendering of your code while you write it.
Viewer.png Viewer — Watch the performance profile of your pages.
History.png History — Access previous versions of your files.
Debug.png Debug — Locate any logic error in your applications.

IDE Insight Search Box

The search box on the right side of the toolbar lets you access IDE Insight, a technology that gives you access to virtually anything you might want in HTML5 Builder. You can search for actions, files, components…

IDEInsight.png