General Diagrams

Hierarchy Diagram Modifications & Settings

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

Construct Editing Options A review of the Construct Editing Options
Line Construct Editing Options A review of the Line Construct Editing Options
Multiple Constructs Editing Options A review of the Editing Options for Multiple Constructs
Hierarchy Diagram Settings A review of the Hierarchy Diagram's Setting Options

The previous article on the Hierarchy Diagram provides users with an introductory explanation of the constructs and their functionality on the canvas. In the following section, we will delve into more detail about the options available on the the toolbar frame that change dependent on the selected constructs and the Hierarchy Diagram's settings.

Construct Editing Options

construct editing options hierarchy diagram

When a construct is selected, the top toolbar frame provides options for users to modify it, as shown above. Let's delve into the following editing options.

Bold

bold construct hierarchy diagram 

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

Italicize

italicize construct hierarchy diagram

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

Change Text Fill Color

change text fill color construct hierarchy diagram

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

Change Fill Color

change fill color construct hierarchy diagram

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

Change Stroke/line color

change stroke line color construct hierarchy diagram

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

Reset Color back to default

reset color construct hierarchy diagram

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

Line Construct Editing Options

line construct editing hierarchy diagram

When a line construct is selected on the canvas, the toolbar frame provides users the 2 options explained below.

Change Stroke/Line Color

change color line construct hierarchy diagram

Using the HTML Color Picker that drops down from the Change Stroke/Line Color Option, users can change the line construct selected on the canvas by selecting the color or inputting in the Hex, R, G, B fields the proper codes and numbers.

Reset Color Back to Default

reset color line construct hierarchy diagram

Users may also reset back the line construct to the default black color.

Multiple Constructs Editing Options

multiple constructs editing hierarchy diagram

Users may drag their cursor outside of the constructs and a box will appear to select as many multiple entites 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 above.

Bold

multiple constructs bold hierarchy diagram 

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

Italicize

multiple constructs italicize hierarchy diagram

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

Change Text Fill Color

multiple constructs change text fill hierarchy diagram

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

Change Fill Color

multiple constructs change fill color hierarchy diagram

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

Change Stroke/line color

multiple constructs change stroke like color hierarchy diagram

Using the HTML Color Picker that drops down from the Change Stroke/Line Color Option, users can change the color that borders the 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 constructs text and filling 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 Classes selected on the canvas. The vertical line will start with the highlighted green construct, as shown below.

vertical align example hierarchy diagram

Align Horizontally

align horiz mult ent select act diag canvas

This selection will align the constructs horizontally for the multiple entities selected on the canvas. The horizontal line will start with the highlighted green construct, as shown below.

align horizontally example heirarchy diagram

Clone Shape

clone entities hierarchy diagram

The Clone Shape option is to bring size uniformity to 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.

Automatic Resize

auto resize constructs hierarchy diagram

If users would like an automatic option of sizing their constructs, Innoslate will recognize when constructs are not the same size and will provide this option for users to automatically resize the constructs.

Hierarchy Diagram Settings

hierarchy diagram settings menu

The above Hierarchy 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 options available in this dropdown below.

Number of Levels

show levels options settings menu hierarchy diagram

Upon expanding the Number of Levels dropdown in the menu, users have the ability to set their diagrams to show up to 10 levels of decomposition. The level indicated here is what will be indicated in the blue box next to the wrench icon on the top toolbar frame for convenience.

Compression

compress levels options settings menu hierarchy diagram

Compression allows users to select the level they'd like the constructs to compress (horizontally align) or decompress (vertically align). Note, the level chosen will decompress or compress after the selected level. The level indicated here is what will be indicated in the red box next to the wrench icon on the top toolbar frame for convenience.

Show/Hide Attributes

show/hide attributes settings menu hierarchy diagram

Users may select what attributes to show or hide on their constructs in the Hierarchy Diagram. The highlghted option above will pull up the Modal shown below. This Modal provides users the ability to select the attributes in the dropdown and they will appear on the construct in the diagram canvas.

show attributes window settings hierarchy diagram

Labels

hide/show labels settings hierarchy diagram

Labels may be displayed on the constructs in the Hierarchy diagram. Users have the option to hide or show the constrcut's labels on the daigram canvas with this selection. The labels will appear below attributes, if those are selected to show. An example of a construct with the name, attributes and labels is shown below:

construct showing all example hierarchy diagram

Show/Hide Cross- Project Indicators

show/hide x-proj indicators hierarchy diagram

Users may show (or hide, if shown) the indicators on the constructs brought into the model from another Innoslate project.

Auto Number

auto number hierarchy diagram

Users may Auto Number the constructs with the modal that pops up when this option is selected. Users may use the order of the entities in the hierarchy, autonumber the single level displayed and/or add a Prefix.

auto number window hierarchy diagram

Layout, Reset Diagram & Help

layout reset help hierarchy diagram

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 Hierarchy Diagram for convenience.

 

To continue learning about General Diagrams, Click Here.

(Next Article: Interface Control Diagram)