Getting started: usage basics

 

Objects and their properties:
BrowserBob let's you create applications by placing objects. Objects have properties, which can be changed on the corresponding properties window . In order to access the properties of an object, it needs to be selected by a click.

Access object properties by a left mouseclick on the object:

When you click an object it is highlighted by a selection frame around it. The properties windos shows the objects' properties. On that dialog window,  you make changes to the functionality and appearance of the object. There you assign new graphics, specify the objects' position, role, and actions to perform. Each object type has different properties.

Position new objects by clicking them and dragging with left mouse down to their intended place: click on the object type you want to use in your project (example: a button object), drag it with left mouse button down to its intended position and release the mouse button. The object is now placed and shows up in the project explorer from where it can be selected as well.

The project explorer gives you a short overview over all objects of the project and their dependencies:
here you can access all objects of your project easily. A click on an objects name under Objects will highlight the object in your project and make its properties appear on the properties window. Objects are belonging to the object where they have been placed upon, for example a button placed on the Main Dialog object will show up in the objects tree under the Main Dialog.

Moving objects: a first click on an object makes a selection (frame around it) and displays its properties but is move-protected, which prevents from unwanted position changes when selecting objects. A second click on the object unlocks the object for position changes. You can move the object around within your project with left mouse down, or with the arrow keys for more precision. Watch the pixel position change on the properties window - the pixel position of objects is counted from the top left corner of the parent object (where your object is placed, for example the Main Dialog).

Tips to get your hands on quickly and efficiently

Play around: in order to get familiar with using BrowserBob, we suggest you place and move some objects, look at their properties and play around a little bit with them. Clicking the test button will preview your project at any time.

10 minutes example:
for structured learning, you should get your hands on the 10 minutes example, where you find an introductory mini-workshop guiding you through the creation of a very simple sample browser. Even if you do not want to create browsers, but CD menus or other applications, this example will make you familiar with the basic controls and usage of BrowserBob.

Templates: open the different templates (by creating a new project) and click around in the project, look at the settings, test the project, look at the additional files. Advanced users will take a closer look on some of the included html files of the templates...
Templates_overview


Sample projects:
another way to get started quickly is to open the samples
(by creating a new project) and look at their objects and properties as well as at the graphics material they are based on. This gives you a first impression on how your own projects can be successfully implemented.

 

Related topics:
W
hat you can do with BrowserBob