Navigating Vuforia Studio > Widgets > Common Widget Properties, Services, and Events
  
Common Widget Properties, Services, and Events
The following tables list properties, services, and events that are common among multiple widget.
* 
If the widget property you are looking for is not in the table, see the help topic associated with that particular widgets.
Property
Description
Alignment
The horizontal alignment of a widget.
* 
The options available in the drop-down menu vary by widget.
Background Color
The color of the background for the widget.
This field supports RGB color, hexadecimal colors, or color names.
Class
The class assigned to the widget. Each widget can be assigned a class that you can write custom CSS rules for.
Content Wrap
The placement of widgets inside a Grid Layout or Repeater widget when screen size of a device changes. If this is set to not wrap, the widgets are displayed in a single line.
* 
In most cases, leaving it wrapped by default is recommended to preserve functionality.
Data
A binding target for data.
Deselected
Triggered when the item is deselected.
Disabled
Disables clicking of the widget and changes the state.
Friendly Name
The name of the widget in the project tree.
Height
Height of the widget. Enter a number followed by either % or px.
Justification
Alignment of a widget. For example, left, right, center, and so on.
Label
Label that is displayed on the widget.
List
A binding target for data. Typically, you bind All Items from a service to this property.
Margin
Similar to the padding property, it defines the space around a widget or item. This property is a direct translation to CSS. Enter a number followed by one of the supported formats (for example, 10px):
px
%
in
mm
cm
ex
em
pt
pc
Multi-Select
Allows you to select multiple items in the widget.
Padding
The padding around the widget. Enter a number followed by one of the supported formats (for example, 10px):
px
%
in
mm
cm
ex
em
pt
pc
Placeholder
Placeholder text that appears in the widget.
Source
Select the source from the list of resources available in the drop-down list. Available sources depend on what Resources have been added to the project.
Studio ID
Each widget is assigned a unique ID attribute at runtime, but can be edited.
Text
Text that appears in the widget.
Value
Value of the widget.
Visible
Sets the visibility of the widget at runtime. This is selected by default.
Width
Sets the width of the widget. Enter a number followed by either % or px.
X-axis Field
The data that displays for the X-axis of a chart. Manually enter the field name. For example, type “name.”
Y-axis Field
The data that displays for the Y-axis of a chart. Manually enter the field name. For example, type “user.”
Service
Description
Update Chart
Bindable service that can be used to update the chart.
Event
Description
Click
Drag the Click event to another view in the tree to navigate to that view on click, or you can drag it to a service which is fired on click. Click the JS icon next to the Click event to enter an expression.
ItemClick
Drag and drop the ItemClick property onto a view in the project tree so that when an item in the list or repeater is clicked, it navigates to the view that it was bound to. For example, if you bind the ItemClick property of a List widget to a Detail view, when an item in the list, the Detail page opens.
Selected
Triggered when the item is selected.
Value Changed
Triggered when the value changes.