/
Builder Right-Click Menu

Builder Right-Click Menu

Jun 25, 2020

Overview

 

Our graphics builder app features a very helpful right click menu that is dynamically populated based on the object that is right-clicked on.

Many of these Right Click menu's contain typical options, quick shortcuts and specialized tools that pertain to the object that was right clicked on. 

 

 

Align & Distribute

General

Left Edges

Spaces the Components evenly, starting from the left pixel of each Component.

Right Edges

Spaces the Components evenly, starting from the right pixel on each Component.

Horizontal Centers

Spaces the Components evenly, starting from the horizontal center of each Component.

Top Edges

Spaces the Components evenly, starting from the top pixel of each Component.

Bottom Edges

Spaces the Components evenly, starting from the bottom pixel of each Component.

Vertical Centers

Spaces the Components evenly, starting from the vertical center pixel of each Component.

 

Align 

Align Left

Align Right

Align Middle

Align Top

Align Bottom

Align Center

 

 

Distribute

Distribute Left 

Distribute Right

Distribute Middle

Distribute Top

Distribute Bottom

Distribute Center

 

Tools

Remove Duplicate Programs

This tool basically removes duplicate programs. Before, when components linked to programs were duplicated, it also duplicated the programs. It would double based on how many programs there were. What this tool does is removes those duplicates. However, this issue has since been resolved. Its more for older existing graphics that have duplicate programs.

Add MagicBubbles

This tool allows the user to add magic bubbles to components that aren't configured to trigger them. This will display the parent equip bubbles not point bubbles. What it does is adds the "magicBubbles" tag to the component and adds the "Open Related Bubbles" program. Make sure point is bound to object.

Note: If you user is looking for the point bubbles, they can get a program from here under PointBubbles.

Point Commands

This tool allows the user to configure predefined onClick commands for a point and add them on components like buttons for example. Once the bubbon is clicked, it will command the point chosen, and set the type of action, duration (if applicable), and value.

Example below.

  1. Drag out button

  2. Select it and right click

  3. Navigate to Tools > Point Commands

  4. Select point you want to command once clicking on button

  5. Select available action types on that point

  6. Set value and/or duration (if applicable)

  7. Thats it, now it can be tried in Preview or Viewer

What it does is adds an object property called "pointCmds". It then nests another object property under it as the points graphic builder id that contains the action type, duration (if applicable), and value. It also adds the "Point Commands Program" needed to excute the command.

Style

The "View" classes can be added manually by the user in the "Classes" property of that component. That is if the user knows what classes to add for what they are looking for or use our tools.

View > Mini

This will change the smartLabel and make it look like below with white text and shadow. This is what is used on the floorplan graphics by default. What this option does is adds the "view-mini" class to the smartLabel.

View > Small

This will change the smartLabel and make it look like below with smaller font size than standard default. What this option does is adds the "view-small" class to the smartLabel. Its best to use with "size-set" class as well. Look below for that class.

View > Medium

This will change the smartLabel and make it look like below with slightly larger font size than standard default. What this option does is adds the "view-medium" class to the smartLabel. Its best to use with "size-set" class as well. Look below for that class.