Home » Working with widgets » Working with Rounded Rectangles
Adding a new Rounded Rectangle
Changing the position of a Rounded Rectangle
Changing the action and sound of a Rounded Rectangle
Changing the fill style and color(s) of a Rounded Rectangle
Changing the stroke color of a Rounded Rectangle
Changing the stroke thickness of a Rounded Rectangle
Displaying the Rounded Rectangle’s name inside of it
Changing the font, font size, or font color of the name of a Rounded Rectangle
Changing the font style of the name of a Rounded Rectangle
Adding a new Rounded Rectangle:
Choose Widget > Insert Shape > Rounded Rectangle. If the current Edit Mode is Edit Background Layer, then the Rounded Rectangle will be added to the Background. Otherwise, it will be added to the current card.
Alternately, you can type ^⌥⌘U.
A Rounded Rectangle can also be added using the Widgets pull-down menu in the toolbar.
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- In the “General” section of the Info sidebar, type the new name of the Rounded Rectangle into the Name field.
Changing the position of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click and drag the Rounded Rectangle to the desired destination.
Alternately, the location can altered using the Rounded Rectangle’s “Metrics” section of the Info side bar.
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click and drag one the anchors in the desired direction.
Alternately, the width and height can altered using the Rounded Rectangle’s “Metrics” section of the Info sidebar.
Changing the action and sound of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Action” section of the Info sidebar, choose the action type using the “Type” pop up.
- To complement the the action with a sound, choose a system sound using the “Sound” pop up.
Changing the fill style and color(s) of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Fill” section of the Info sidebar, choose the fill style using the “Style” pop up. Possible styles include: None, Color, and Gradient.
- If the chosen style is either Color or Gradient, then change the fill color (or colors if Gradient is chosen) by clicking on the well under “Style” pop up.
Changing the stroke color of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Stroke” section of the Info sidebar, click on the “Color” color well to open the Colors panel.
- Using the Color panel, choose the desired color.
Changing the stroke thickness of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- Click and drag the “Thickness” slider to the desired thickness (in points).
Displaying the Rounded Rectangle’s name inside of it:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Text” section of the Info sidebar, click the “Display name in shape” check box if it is not already checked.
Changing the font, font size, or font color of the name of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- If the name of the Rounded Rectangle is not displayed inside the Rounded Rectangle, then tell the Rounded Rectangle to display its name by following the instructions in the section Displaying the Rounded Rectangle’s name inside of it.
- Choose Format > Font > Show Fonts.
Alternately, you can type ⌘T to show the Font Panel - Make the desired changes in the Font Panel.
Changing the font style of the name of a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Click the “Widget” button on top right of the Info sidebar.
- If the name of the Rounded Rectangle is not displayed inside the Rounded Rectangle, then tell the Rounded Rectangle to display its name by following the instructions in the section Displaying the Rounded Rectangle’s name inside of it.
- Choose Format > Font > <Bold or Italic or Underline>.
Moving a Rounded Rectangle Forward or Backward:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- To move a Rounded Rectangle one position at a time, choose Widget > Bring Forward or Send Backward.
To move a Rounded Rectangle in front of all other widgets in a card or the background, choose Widget > Bring to Front.
To move a Rounded Rectangle behind all other widgets in a card or the background, choose Widget > Send to Back.
Centering a Rounded Rectangle:
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- To center a Rounded Rectangle horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.
To center a Rounded Rectangle vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.
- If the Rounded Rectangle is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
- Click on the Rounded Rectangle.
- Press the Delete key.