Left Docking Site

By default, along the left side of the workspace, is the left docking site containing the Properties, Events and Styles inspectors.


left-dock-panels.png
Left Docking Site


The panels in the left docking site, by default, hide most of themselves along the left side of the screen when not in use; clicking the mouse cursor on the panel causes it to expand fully to the right; moving the mouse cursor off the panel causes it to contract. The panel may be locked in its expanded position by “pinning” it in place;

An inspector can be moved from its original location by dragging it to another location on the workspace. In order to facilitate this movement, the inspector must first be pinned in place. To move the inspector back to its original pinned location, double-click the inspector's title bar. An inspector may also be closed by pressing the Close button. If you accidentally close a panel, you can reopen it by going to the Ribbon bar's View | Panels | Panels drop down menu and selecting the appropriate panel.

Properties32.png Properties Inspector Overview

The Properties inspector enables you to change the various properties of an object, such as those of a Form, Report, or other visual control. Whenever you select a control, the Properties inspector automatically updates itself, displaying the properties for that particular control. The property name is listed in the left column while the property value is in the right column; the properties are sorted alphabetically.

To update a property, simply click the value in the right column to select it, and enter a new value. Some values are entered directly; others are entered through a dialog box, which will automatically display after you have clicked the value.

Figure below presents the Properties Inspector panel displaying the properties of a Picture control in the Form designer.


property-inspector.png
Morfik Properties Inspector Panel, docked and pined to the left side of the workspace
Note: You can also select the value of most of the formatting related properties from the Home tab of the Ribbon while in the Form or Report designer. The options in the Ribbon allow you to rely on the Properties Inspector panel only when you need to change properties which are less frequently modified.

flash-event-32.png Events Inspector Overview

The Events inspector enables you to assign an action to an event (alphabetically sorted). When the event is triggered, the event handler for the event fires in response, and executes the action coded within it.

The action associated with an event handler can be assigned in two ways.

1. Manually coding the action. This is accomplished by double-clicking the event's edit region, which creates a new event handler in the source code where you may immediately begin entering the action code you want executed when the event is triggered.

2. Assigning a WebAction to the event. This is accomplished by pressing the ellipsis button in the event's edit region, which in turn launches the WebAction Wizard. A WebAction is a predefined event handler and action that minimizes the need to write code in response to a triggered event. The wizard steps you through the short process of selecting an event handling action and any associated parameters. When completed, the Wizard creates an event handler and code snippet which enables the action to be executed. You may manually edit or extend the code snippet itself if needed.

Figure XX presents a picture of the Events Inspector panel displaying the events for a Form. In this form, the OnReady event has been set.


event-inspector.png
Morfik Events Inspector Panel, docked and pined to the left side of the workspace


The Events Inspector panel is docked to the left side of the workspace by default, but can be detached in case you want to work in a dual monitor scheme.

brush-style-32.png Styles Inspector Overview

The Styles inspector allows many aspects of a control's run-time appearance and behavior to be customized at the theme level. Although Themes are used to control the general appearance of controls throughout an application, Styles are used to further refine a control's run-time appearance and behavior.


Working with Styles can be accomplished on two levels. First, most of Morfik's controls are available with multiple, predefined alternative styles. If a control has multiple styles, there will be an arrow below or beside the control's name in the Morfik ribbon. Clicking on this arrow opens up a list of alternative control styles from which you may choose; clicking a control's Ribbon bar icon selects the control's default style.


styles-inspectors.png
Morfik Styles Inspector Panel, docked and pined to the left side of the workspace


Second, you may create your own styles, including changing a control's look as well as how it behaves when the user initiates specific actions on the control, such as pressing it or hovering the mouse cursor over it.

An inspector can be moved from its original location by dragging it to another location on the workspace. In order to facilitate this movement, the inspector must first be pinned in place. To move the inspector back to its original pinned location, double-click the inspector's title bar. An inspector may also be closed by pressing the Close button.

Related Topics

Back to top