Revision as of 04:54, 1 April 2015

Stereotype Display by CSS (DRAFT : Work in Progress for Mars)

Since Mars, 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

Default CSS

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

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

CSS Exemple

Here is some exemple of CSS to display the Stereotype:

Label[type=StereotypeLabel]{
	depth:-1;
}
 
Compartment[type=StereotypeCompartment]{
	visible:true;
}
 
Compartment[type=StereotypeCompartment]>[property="allocatedTo"]{
	visible:false;
}
 
Compartment[stereotype="SysML::Blocks::Block"]{
	visible:false;
}
 
Shape[type=StereotypeComment]{
	visible:true;
}
 
Shape[type=StereotypeComment] Compartment[type=StereotypeBrace]{
	visible:true;
}