State Machine Diagram Modifications & Settings

Below we'll cover the State Machine Diagram's construct editing options and Settings.

Initial, Final & History State Construct Editing A review of these construct's editing options.
State Construct Editing A review of the State construct's editing options. 
Entry, Do, Exit Action Construct Editing A review of the Action's construct's editing options. 
Transition Construct Editing A review of the Transition construct's editing options. 
Multiple Constructs Selected Editing A review of the editing options for multiple entities when selected. 
State Machine Diagram Settings A review of the State Machine Diagram's Settings.

The previous article covers the basics of the constructs of the State Machine Diagram. Below we will cover each constructs' editing options and the State Machine Diagram's settings options. 

Initial, Final & History State Construct Editing

When an Initial, Final & History State construct is selected the top toolbar frame changes to provide modification options. We will cover each option below.

Change Fill Color

Using the HTML Color Picker that drops down from the Change Fill Color Option, users can change the color of the construct in the Hex, R,G,B fields.

Reset back to default

The Reset color back to default option will change the construct selected on the canvas back to the default blue color.

State (Parallel, Region and State) Construct Editing

Upon selecting a State construct on the State Machine Diagram, users have options on the top toolbar frame to modify it on the canvas, below we will cover each option.

Bold

 

This option will Bold the name of the State selected on the canvas.

Italicize

This option will Italicize the name of the State selected on the canvas.

Change Text Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the text color of the State selected on the canvas by selecting the color associated close to the desired color simply inputting in the Hex, R,G,B fields the proper codes and numbers.

Change Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the color of the construct selected on the canvas.

Change Stroke/line color

Using the HTML Color Picker that drops down from the Change Line/Stroke Color Option, users can change the color that borders the State selected on the canvas.

Reset Color back to default

The Reset color back to default option will change the construct selected on the canvas's block and text back to the default gray and black appearance.

Entry, Do, Exit Action Construct Editing

When an Entry, Do or Exit Action construct is selected, the top toolbar frame changes to provide modification options. We will cover each option below.

Bold

 

This option will Bold the name of the construct selected on the canvas.

Italicize

This option will Italicize the name of the construct selected on the canvas.

Change Text Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the text color of the State selected on the canvas by selecting the color associated close to the desired color simply inputting in the Hex, R,G,B fields the proper codes and numbers.

Reset Color back to default

The Reset color back to default option will change the construct's text selected on the canvas back to the default black color.

Transition Construct Editing

When a Transition construct is selected, the top toolbar frame changes to provide modification options. We will cover each option below.

Bold

 

This option will Bold the name of the Transition selected on the canvas.

Italicize

This option will Italicize the name of the Transition selected on the canvas.

Change Text Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the text color of the Transition selected on the canvas by selecting the color associated close to the desired color simply inputting in the Hex, R,G,B fields the proper codes and numbers.

Change Stroke/line color

Using the HTML Color Picker that drops down from the Change Line/Stroke Color Option, users can change the line color of the Transition selected on the canvas.

Reset Color back to default

The Reset color back to default option will change the Transition selected on the canvas back to the default gray and black colors.

Line Options

Following along with the dropdown, users may change the Transition line to straight or orthogonal. The Transiton's name label may be shown or hidden. If the label is dragged and dropped away from the Transition line, a line will be tied to the label to indicate the connection the label is tied to. In this case, the the label's line to be straight or curved (example below).

Lastly, users may reset their label modifications with the Reset Label option.

Multiple Constructs Selected Editing

Users may drag their cursor outside of the constructs and a box will appear to select as many multiple States the user desires. Many features on the top toolbar will appear upon doing so for the user to utilize. Let's go over each option as highlighted below.

Bold

 

This option will Bold all the names of the multiple constructs selected on the canvas.

Italicize

This option will Italicize all the names of the multiple constructs selected on the canvas.

Change Text Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the text color of the multiple entities selected on the canvas by selecting the color associated close to the desired color simply inputting in the Hex, R, G, B fields the proper codes and numbers.

Change Fill Color

Using the HTML Color Picker that drops down from the Text Fill Color Option, users can change the color of the constructs of the multiple constrcuts selected on the canvas.

Change Stroke/line color

Using the HTML Color Picker that drops down from the Change Line/Stroke Color Option, users can change the color that borders the constructs of the multiple constructs selected on the canvas.

Reset Color back to default

reset color mult ent act diag

The Reset color back to default option will change the multiple constructs selected on the canvas back to the default gray and black colors.

Align Vertically

align vertically mult ent select act diag canvas

This selection will align the constructs vertically for the multiple States selected on the canvas. The vertical line will start with the highlighted green State, as shown below.

Align Horizontally

align horiz mult ent select act diag canvas

This selection will align the constructs vertically for the multiple States selected on the canvas. The vertical line will start with the highlighted green State, as shown below.

Clone Shape

The Clone Shape option is to bring size uniformity to the size of the diagram's constructs. When this option is selected, the green highlighed entity will be what the other constructs clone to so they are all the same size.

State Machine Diagram Settings

The above State Machine Diagram Settings is the wrench icon on the top right of the toolbar frame. This button is a fixed dropdown and does not change dependent on what the user has selected. Let's delve into the many options available in this dropdown below.

Levels

The settings dropdown provides users the option to display up to 10 levels of decomposition in a State Machine Diagram. When not in the dropdown, note the blue box to the left of the wrench icon, indicates how many levels are selected and displayed in the diagram.

Cross-Project Indicators

If using Cross-Project Relationships, users may show or hide the indicators on the entities being pulled in from other projects. 

SysML Frame Edits

⚠️The SySML Frame is the green space the model is placed in on the canvas.

The Edit SysML Frame option will bring up the following modal.

Users may select the color of the frame with the  button indicated in green (the green color on the button will change to whatever color a user sets it to). Users may also bring the SysML frame back to the defaulted green with the reset option .

The additional options on the modal are related to the text displayed, knwon as the Diagram Header, at the top left of the SysML frame, shown in the example below.

The changes made to the Select SysML Diagram option in the Modal refer to the Model Element Type in the first bracket (ex. [View] in the picture above). Note, the example above is from a State Machine Diagram but shows the View option. Therefore it is important to note, users may select a different digram type here, even if you're in a different diagram. The text will change but this option will not change the diagram itself.

The Select Parent option is a dropdown to select the Parent entity for the Model Element Name. This will change the text in between the bracketed texts. In the example above it is the 'US Forest Service' text.

Hide/Show SysML Frame

Users may use this option to hide (or show, if hidden) the SysML Frame as they wish.

Layout, Reset Diagram & Help

Lastly, the final options provide users to reset their diagram after changes and layout the diagram after changes are made.

The very last option, 'Help,' will send users directly to the Help Center page for the Package Diagram for convenience.

Frame Fix

When a construct is ouside of the SysML Frame, Innoslate will detect that and bring up a fix for this, as indicaited with the orange exclamation point that appears next to the Settings dropdown.

When selected, a modal pops up to provide users the ability to fix or ignore the issue.

 

To continue learning about SysML Diagrams, Click Here.

(Next Article: Use Case Diagram)