Editing Properties

The Properties view allows you to quickly edit the properties of the selected objects. If multiple objects are selected then the view lets you edit just the common properties of those objects.

Here’s a table of available properties:

Property Description
Arrow
Arrow Property
Lets you toggle on and off arrow heads.
Border
Border Property
Lets you switch the border style for Panel widget. Available styles are None, Square, Rounded and Dashed Rounded.
Border Toggle
Border Toggle Property
Lets you toggle on and off the border for Shape, List, Table and Tree widgets.
Button
Button Property
Lets you switch the Button’s style between Point Left, Square, Round and Point Right. Pointy variants can be used to represent iPhone/iOS buttons.
Chart
Chart Property
Lets you switch the Chart’s style between Pie, Line, Bar and Column.
Color
Color Property
Lets you control color properties such as background, foreground and border. Alpha slider lets you change the opacity for widgets that support it.
Component
Component Property
Displays the source screen file for Component widget. Lets you open and edit the source screen. It’s also possible to gray out a component in design mode. It’s useful for background templates that you wish to stay out of your way. Components can also be detached from their source and transformed into a group.
Curly Brace
Curly Brace Property
Lets you switch the orientation of a Curly Brace between Left, Right, Top and Bottom.
Icon
Icon Property
Lets you choose an icon for some widgets. When an icon is selected you can choose its size between Small (16×16), Medium (24×24), Large (32×32), Extra Large (48×48) and Extra Extra Large (128×128). Icons can also be rotated in 90 degree increments. Delete button lets you remove previously specified icon.
Icon Position
Icon Position Property
Lets you switch the position of an Icon between Left and Top. This property is available for Shape and Label widgets that have an icon selected.
Image
Image Property
Lets you choose a raster image file from available assets for Image widget. Black and White toggle lets you automatically render colored images in grayscale colors. Image can be flipped horizontally and vertically and rotated in 90 degrees increments.
Label Rotation
Label/Text Rotation Property
Lets you rotate the text of a Label widget in 90 degree increments.
Line Style
Line Style Property
Lets you control the line style for Arrow, Shape, Horizontal and Vertical Line. Available styles are Solid, Dotted and Dashed.
List
List Property
Lets you control the row height and the visibility of horizontal grid lines for List and Table widgets. Additionally you can control the visibility of vertical lines and header for Table widget.
Name
Name Property
Lets you assign a name to a Group widget.
Position & Size
Position & Size Property
Gives you a fine control over position and size properties. Use arrow keys to increment and decrement values. Lock toggle lets you lock a widget in place so it gets out of your way. Auto-size button forces a widget to resize to its preferred size. When editing groups or components the anchor drop-down becomes available and allows to control anchor settings.
Screen Font
Screen Font Property
Lets you specify a font per-screen. To access this property click in the empty space in Screen Editor. You can also revert to a global font configured in WireframeSketcher’s preferences. If the configured font doesn’t exist on your system then its name will be displayed in red to indicate that.
Screen Theme
Screen Theme Property
Lets you specify choose between Clean and Sketch theme for a screen. To access this property click in the empty space in Screen Editor. Default theme choice makes the screen use a global theme configured in WireframeSketcher’s preferences.
Selection
Selection Property
Lets you specify the selected item or row.
Selection Toggle
Selection Toggle Property
Lets you toggle the selected state for Checkbox and Radio Button widgets.
Shape
Shape Property
Lets you choose the type of Shape widget. Possible choices are Ellipse, Rectangle, Rounded Rectangle, Round Rectangle, Diamond, Star, Parallelogram, Triangle, Right Triangle. Some shapes can be rotated in 90 degrees increments.
State
State Property
Lets you specify the state of the widget. This mostly applies to input (form) widgets. Possible choices are Normal, Selected, Disabled, Focused.
SVG Image
SVG Image Property
Lets you choose the .svg image file from available assets for SVG Image widget. Image can be flipped horizontally and vertically and rotated in 90 degrees increments.
Tabs
Tabs Property
Lets you change the orientation of Tabs and Tabbed Pane widgets. Possible choices are Top, Bottom, Left and Right.
Text
Text Property
Lets you specify the font size and and toggle Bold, Italic and Underline font styles. For some widgets you can also specify Left, Center or Right text alignment. For Text and Text Area widgets you can also set the line height (leading). Line height is expressed as a multiple of font size.
Tooltip
Tooltip Property
Lets you specify the orientation of Tooltip widget. Possible values are Bottom Left, Bottom Right, Top Left and Top Right.
Scrollbar
Scrollbar Property
Lets you toggle on and off the visibility of vertical scrollbar. When visible, you can also specify the position of the thumb.
Window
Window Property
Lets you toggle on and off the visibility of minimize, maximize and close buttons for Window widget.

Next: Moving and Resizing