Skip to main content
Jump to: navigation, search

Difference between revisions of "Sirius/Tutorials/PropertiesViewTutorial"

(Add Widgets to the Group Person)
Line 142: Line 142:
We create a container to display a selection list of father and mother on the same line

Revision as of 06:51, 14 December 2016


This tutorial explains how to create your first properties view with Sirius.

The instructions start from the result of the Sirius Starter Tutorial, a basic modeling tool which simply allows the user to graphically represent men and women of a family and to create new men.

Sirius 4mtuto 01.png

The advanced modeling tool that you will create is based on the same simple Domain Model which describes basic concepts about families.

Sirius 4mtuto 02.png

Note: If you need to learn how to define such a Domain Model, just follow the Domain Model tutorial

Note: The screenshots have been created with Obeo Designer 8.1 (based on Sirius 3.1).

Install the basic modeling tool

If you have followed the Starter Tutorial already, you are ready! Directly go to next section: Start extending the basic modeling tool.

Otherwise, start by following the instructions to install the sample Domain Model:

Now, you should have an Eclipse runtime (started from your first Eclipse) with a sample Family model installed in your workspace.

Sirius 4mtuto 05-2.png

Then, install the solution of the Starter Tutorial. It is implemented by a Viewpoint Specification Project that you need to import into your workspace.

This project can be easily installed from the provided examples (menu File > New > Example... : select Basic Family Sample Modeler Definition).

Sirius tuto2 02-04.png

Once the modeler imported in your workspace, activate the persons viewpoint by selecting the menu Viewpoint Selection.

Sirius 4mtuto 27.png

You must activate the persons viewpoint to be able to create the representations which are defined by this viewpoint.

Sirius 4mtuto 28.png

Then right-click on the sample model and select the menu New Representation / new Persons diagram.

Sirius 4mtuto 29.png

Sirius should create and open a diagram describing the men and women contained in the sample model.

Sirius 4mtuto 01.png

Start create properties view for basic modeling tool

Let’s start creating your frist properties view.

In this tutorial, we will create a custom properties view.

The sample model imported previously will be used to test this editor.

Create a Properties View Description

The Properties View Description is available from the Viewpoint directory

Sirius 6mtuto 01.png

The Properties View Description is composed of a Page and a Group. The page corresponding to the tab of the properties view. The group corresponding to the part in the tab of the properies view. Sirius 6mtuto 02.png

By default a Page and a Group is created in the Properties View Description. In the tab Advanced of the Properties View Description inform the Identifier field

Sirius 6mtuto 03.png

Inform the fields of the Page

Sirius 6mtuto 04.png

Sirius 6mtuto 05.png

Inform the fields of the Group

Sirius 6mtuto 06.png

Sirius 6mtuto 07.png

Add Widgets to the Group Person

Widget Text

Create a new Text widget in the Group Person to display the name of the persons.

Sirius 6mtuto 08.png

Sirius 6mtuto 09.png

Add a begin in the Widget Text and create a Set to can modify person's name

Sirius 6mtuto 10.png

Add A Conditional Style in the Widget Text to check the name is not empty. If the name is empty the backgrounf field change to red. Add a Style in the Conditional Style.

-File-Sirius 6mtuto 11.png

-File-Sirius 6mtuto 12.png

The result should be

Sirius 6mtuto 13.png

If you delete the name of "Lea" the field is filled in red

Sirius 6mtuto 14.png


We create a container to display a selection list of father and mother on the same line

Back to the top