Following the last post, here is the right side panel description.

In the last post, we saw how to add components to the design view. Now, let's focus on components customization and management.

Here is how you can easily customize your components appearence with the Properties tab. For an easy use, component properties are categorized. The properties tab always displays the properties of the currently selected object on the design view. The properties displayed depends on the type of component being edited.

In the below screenshot, the selected component has six properties in background category.



There are three way to edit a property :

- in place : change directly the property value by entering text value,
- selection : use an adapted control. Depending on the property value type, a control helps you set a new value, for example a selectable list, a slider ...
- complex : use an extended view of the property value. Complex values can be visualized with an intuitive view. For example, for color editing, a color picker is displayed.

When many components are on the design view, they often overlap each other and it becomes difficult to visually select a component. It's necessary to index all components.

The components tree is dedicated to this task and is available in the Inspector tab. The component tree is a hierachical view of all created components. It reflects the content of the design view. By selecting a component in the tree, you also selected it in the design view and could perform all management tasks.

With those two new tools, the design process is now simple and easy.