SysML Diagrams

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

Initial, Final & History State Construct editing options state machine diagram

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

Initial, Final & History State Construct change fill color state machine diagram

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

Initial, Final & History State Construct reset color state machine diagram

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

state construct editing options state machine diagram

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

bold state construct state machine diagram 

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

Italicize

italicize state construct state machine diagram

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

Change Text Fill Color

change text color state construct state machine diagram

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

change fill color state construct state machine diagram

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

change line color state construct state machine diagram

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

reset color state construct state machine diagram

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

Entry, Do, Exit Action Construct Editing options state machine diagram

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

bold Entry, Do, Exit Action Construct state machine diagram 

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

Italicize

italicize Entry, Do, Exit Action Construct state machine diagram

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

Change Text Fill Color

change text color Entry, Do, Exit Action Construct state machine diagram

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

reset color Entry, Do, Exit Action Construct state machine diagram

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

Transition Construct Editing state machine diagram

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

Bold

bold Transition Construct state machine diagram 

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

Italicize

italicize Transition Construct state machine diagram

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

Change Text Fill Color

change text color Transition Construct state machine diagram

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

change line color Transition Construct state machine diagram

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

reset color Transition Construct state machine diagram

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

line options menu state machine diagram

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).

name label line example state machine diagram

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.

multiple entities editing options state machine diagram

Bold

bold multiple entities state machine diagram 

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

Italicize

italicize multiple entities state machine diagram

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

Change Text Fill Color

change text color multiple entities state machine diagram

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

change fill color multiple entities state machine diagram

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

change line color multiple entities state machine diagram

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.

vertical align example state machine diagram

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.

align horizontal example state machine diagram

Clone Shape

clone shape multiple entities state machine diagram

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

state machine diagram settings menu

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

state machine diagram settings levelsThe 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

state machine diagram settings show x-project

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

SysML Frame Edits

state machine diagram settings edit sysml frame

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

sysml frame state machine diagram

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

edit sysml frame window state machine diagram

Users may select the color of the frame with the color picker sysml window 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 reset color sysml frame window.

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.

sysml frame header

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

hide sysml frame setting

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.

layout, reset digram and help setting

Frame Fix

frame fix indicator state machine diagram

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.

out of sysml frame warning window

 

To continue learning about SysML Diagrams, Click Here.

(Next Article: Use Case Diagram)