seaBreezeToolbar.png

 

SaveButton.pngThe Save Button

This button stores the user interface in the selected component's class side #windowSpec method.

 

 UndoRedoButton.pngThe Undo- and the Redo-Button

Most of the operations in the seaBreeze editor support "undo" and "redo". The yellow button performs an undo and the green button performs a redo. If the buttons are enabled, they can be used. Undo is possible as many times as undo-supporting operations have been done.

 

DeleteButton.png The Delete Button

This button will delete the selected elements.

 

GroupButton.png The Group Button

This button will group the selected elements into a wrapper. A dialog will appear, requesting the kind of class that the wrapping element should be from. The list of possible wrappers depends on the selected element and its surrounding elements. For Example it is not possible to wrap a table-cell into a div. But it is possible to wrap a header or div element in another div element. 

 

SubComponent.png Extract the current Selection into a new Component

If the application model has a fairly complex user interface structure and some of the structures could be reused in a separate application model, then this button allows the elements to be extracted. Select an element to extract, click on the extraction button and fill out the dialog that appears. It is not possible to extract elements with different parents to avoid unintended layout changes.

 ExtractionWizard.png

The Component Type defines the super class of the component that is to be created. 

The Aspect defines the name of the aspect that's defined in the selected application model that will then hold the instance of the new subcomponent.

The Class defines the name of the class that is to be created.

The Parent Namespace is the Namespace in which the class will be created. Defaults to the namespace of the selected component.

The Package defines the package in which the class will be created. Defaults to the package of the selected component.

 

DuplicateButton.png Duplicate the selected element

This button will duplicate the selected element. The selected element and all its children will be duplicated, preserving all attributes of the elements. The duplicated element will appear next to the original element.

 

DefineModelButton.png Define Missing Models

The elements of the current user interface refer to aspects and actions of the application model. The referenced methods may not yet exist and this button allows for defining all the missing methods at once. A dialog will appear, asking of the methods to generate. This dialog only lists the missing methods and it is possible to exclude certain aspects from the creation process,

 

CreateComponent.png Create a new component

To add another application model to the application this button can be used. A dialog will appear asking for the necessary information. Clicking "Add Component" will automatically open the new component in the WebPainter.

ComponentWizard.png

The Component Type defines the super class of the component that is to be created. 

The Template defines the predefined user interface of the new component.

The Classname defines the name of the class that is to be created.

The Parent Namespace is the Namespace in which the class will be created. Defaults to the namespace of the selected component.

The Package defines the package in which the class will be created. Defaults to the package of the selected component.

 

BrowseApplication.png Browse the Application Class

Use this button to open the VisualWorks Refactoring Browser on the selected application model.

 

LeaveEditor.png Leave the Editor and start the Application

Clicking this button will leave the WebPainter and will start the edited application.

 

ComponentPopup.png The Component Popup

The component popup allows for fast access to all components of the current application. Switching the component will open that component in the editor.

 

LocalePopup.png The Locale Popup

The locale popup allows for fast Locale switching. It will render the preview of the application in the selected Locale, if a localization is available for that locale.

 

OpenDocumentation.png Open Documentation

This button will open the seaBreeze documentation in a new window.

 

Copyright 2013 by Georg Heeg eK, released under MIT License