Overview
Drawing Properties are sets of attributes that define the appearance of the selected element in the display. They allow fine-tuning the appearance and behavior of each element, including options for fill, line, opacity, and various display parameters like mode, background, and resizing behavior.
Those properties are shown at the Properties SIdeBar, at the right side of the Draw environment.
On this page:
| Table of Contents | ||||
|---|---|---|---|---|
|
Properties Expander
The properties are organized in expander controls.
According to the Selected Element, or selected elements, the expanders as visible or not, according the properties in that section can be applied to the selected element.
The first two boxes, Drawing Properties, and Appearance, and the last one, Display Settings are always visible.
Drawing Properties
Element: the TYPE of the selected object.
Uid: a string (or number) with a custom identification to the element.
HighLight Location: When using the Direct Select Cursor (Black Arrow), or using the Display TreeView, this CheckBox allows to add lines to clearly identify the location of the element in the display.
Appearance
Theme: Changes the runtime Theme preview in the drawing area. This configuration is not used when running the solution. The initial Theme the solution will use is defined at Displays Client Settings, and it can be changed in the runtime setting the property Client.Theme.
Text Shadow (Draw Only): When checked it will apply a Shadow in all TextBlock elements in the display. This configuration affects only the drawing tool, it doesn't change the appearance in the runtime. The reason to use this checkbox is to facilitate to locate some Texts, when the FontColor is to close to the Background color of the display.
The other properties are Customize object look using themes and properties: Fill, Line, Stroke and Opacity. Includes TextShadow option.
Display Settings
Define display object parameters as mode where can select if is a page, a popup or a dialog. Customize background, width and height, borders. The "OnResize" setting in a graphical user interface (GUI) determines the behavior of an element (such as a panel, window, or image component) when the size of the container it is placed in changes. The options shown in the dropdown menu you sent are typical of many software development frameworks and each of them probably has the following behavior:
Border Radius
Adjust corner curvature with X (horizontal) and Y (vertical) values.
Connections
Decide if an object connects elements. Checkbox to enable/disable.
Contents Align
Manage content alignment within an object: options like left, right, and center.
Dynamics Clipboard
Tools for dynamic properties. Buttons to fetch and apply configurations.
Layout
Set position and size using parameters: Left, Top, Width, Height.
Replace Tags/Strings
Replace tags and strings. Selections from object namespaces with multiple replace options.
Text
Manage text content and appearance. Options include font, localization, and text wrapping.
Transform
Apply visual effects: DropShadow, Rotation, Skew. Customizable parameters for each effect.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|