Skip to main content

Notice: This Wiki is now read only and edits are no longer possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "MDT/Papyrus/UserGuide/CSS/StereotypeDisplay"

(→‎CSS Exemple)
(→‎Stereotype Display by CSS (DRAFT : Work in Progress for Mars))
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
= Stereotype Display by CSS (DRAFT : Work in Progress for Mars)=
+
= Stereotype Display by CSS =
−
== CSS Exemple==
+
Since Papyrus 1.1, the applied stereotypes display of an element can be managed via CSS.
−
Here is some exemple of CSS to display the Stereotype:
+
In order to understand what those CSS represents, here is some pieces of information.
  
−
<source lang="css">Label[type=StereotypeLabel][stereotype="SysML::Blocks::Block"]{
+
First of all the applied stereotypes can display their Name and / or their Properties.
 +
 
 +
== Stereotype Name Display ==
 +
The Name of the Stereotype can be displayed with different depth.
 +
Full depth means that all the path of the stereotype is displayed.
 +
 
 +
<nowiki> Full depth  => "SysML::Blocks::Block"</nowiki>
 +
 
 +
No depth means that just the last segment is displayed.
 +
 
 +
<nowiki> No depth  => "Block"</nowiki>
 +
 
 +
== Stereotype Properties Display ==
 +
The Properties of a stereotype can be displayed in 3 different locations:
 +
* In a '''compartment''' in case of node element (ex: a Class, a Block)
 +
* In '''braces''' into the header of the element
 +
* In an external figure as a '''comment'''
 +
 
 +
 
 +
[[File:PropertiesLocation.png]]
 +
 
 +
== Default display settings ==
 +
By default, only the name of the Stereotypes with no depth are displayed.
 +
None of the properties are displayed.
 +
 
 +
[[File:DefaultStereotypeDisplay.JPG]]
 +
 
 +
For your information, here is the default CSS implemented for the stereotype display.
 +
 
 +
=== Default CSS ===
 +
The following CSS rules are implemented by default for all the Diagrams:
 +
 
 +
<source lang="css">
 +
Shape[type=StereotypeComment]{
 
visible:false;
 
visible:false;
 
}
 
}
  
 +
StereotypeComment Compartment[type=StereotypeBrace]{
 +
visible:false;
 +
}
 +
 +
Compartment[type=StereotypeCompartment]{
 +
visible:false;
 +
}
 +
 +
Compartment[type=StereotypeBrace]{
 +
visible:false;
 +
}
 +
 +
Label[type=StereotypeLabel]{
 +
depth:"none";
 +
}
 +
 +
</source>
 +
 +
== Override the default settings ==
 +
 +
To override the default settings, a new CSS has to be implemented.
 +
 +
 +
=== CSS Exemple ===
 +
Here is some exemple of CSS to display the Stereotype:
 +
 +
<source lang="css">
 +
 +
/* To modify the depth */
 
Label[type=StereotypeLabel]{
 
Label[type=StereotypeLabel]{
 
depth:"-1";
 
depth:"-1";
 
}
 
}
  
−
*[type=StereotypeCompartment][stereotype="SysML::Blocks::Block"]{
+
/* To make the properties visible into compartment */
 +
Compartment[type=StereotypeCompartment]{
 +
visible:true;
 +
}
 +
 
 +
/* Hide the property "allocatedTo" into the compartment */
 +
Compartment[type=StereotypeCompartment]>[property="allocatedTo"]{
 
visible:false;
 
visible:false;
 
}
 
}
  
−
Label[type=StereotypeProperty][property="allocatedFrom"]{
+
/* Hide all the properties into the Compartment of the stereotype Block */
 +
Compartment[stereotype="SysML::Blocks::Block"]{
 
visible:false;
 
visible:false;
 
}
 
}
  
−
Label[type=StereotypeProperty]{
+
/* Display the Comment shape */
−
inBrace: true;
+
StereotypeComment{
−
inCompartment: false;
+
visible:true;
 +
}
 +
 
 +
/* Display the properties in Brace into the Comment*/
 +
StereotypeComment Compartment[type=StereotypeBrace]{
 +
visible:true;
 
}
 
}
  
−
*[type=StereotypeCompartment][stereotype="SysML::Requirements::Requirement"]{
+
</source>
−
inComment: false;
+
−
inCommentBrace: true;
+
−
inCompartment: true;
+
−
inBrace: false;
+
−
}</source>
+

Latest revision as of 10:41, 8 June 2015

Stereotype Display by CSS

Since Papyrus 1.1, the applied stereotypes display of an element can be managed via CSS. In order to understand what those CSS represents, here is some pieces of information.

First of all the applied stereotypes can display their Name and / or their Properties.

Stereotype Name Display

The Name of the Stereotype can be displayed with different depth. Full depth means that all the path of the stereotype is displayed. 

 Full depth  => "SysML::Blocks::Block"

No depth means that just the last segment is displayed. 

 No depth  => "Block"

Stereotype Properties Display

The Properties of a stereotype can be displayed in 3 different locations:

  • In a compartment in case of node element (ex: a Class, a Block)
  • In braces into the header of the element
  • In an external figure as a comment


PropertiesLocation.png

Default display settings

By default, only the name of the Stereotypes with no depth are displayed. None of the properties are displayed.

DefaultStereotypeDisplay.JPG

For your information, here is the default CSS implemented for the stereotype display.

Default CSS

The following CSS rules are implemented by default for all the Diagrams: 

Shape[type=StereotypeComment]{
	visible:false;
}
 
StereotypeComment Compartment[type=StereotypeBrace]{
	visible:false;
}
 
Compartment[type=StereotypeCompartment]{
	visible:false;
}
 
Compartment[type=StereotypeBrace]{
	visible:false;
}
 
Label[type=StereotypeLabel]{
	depth:"none";
}

Override the default settings

To override the default settings, a new CSS has to be implemented.


CSS Exemple

Here is some exemple of CSS to display the Stereotype: 

/* To modify the depth */
Label[type=StereotypeLabel]{
	depth:"-1";
}
 
/* To make the properties visible into compartment */
Compartment[type=StereotypeCompartment]{
	visible:true;
}
 
/* Hide the property "allocatedTo" into the compartment */
Compartment[type=StereotypeCompartment]>[property="allocatedTo"]{
	visible:false;
}
 
/* Hide all the properties into the Compartment of the stereotype Block */
Compartment[stereotype="SysML::Blocks::Block"]{
	visible:false;
}
 
/* Display the Comment shape */
StereotypeComment{
	visible:true;
}
 
/* Display the properties in Brace into the Comment*/
StereotypeComment Compartment[type=StereotypeBrace]{
	visible:true;
}
Retrieved from "https://wiki.eclipse.org/index.php?title=MDT/Papyrus/UserGuide/CSS/StereotypeDisplay&oldid=386487"

This page was last modified 10:41, 8 June 2015 by Céline Janssens.

Back to the top