UiPath Documentation
studio-web
2.2510
true
Studio Web user guide

Icon Controls

Icon controls available in Apps in Studio Web, with configurable tooltip, visibility, and disabled-state properties for use in app layouts.

Apps in Studio Web offers a number of commonly used icons which you can add to your app.

General​

  • Tooltip - The text to be displayed when an app user hovers over the icon. Use this to provide additional information on the control.
  • Hidden- If true, hides the control at runtime.
  • Disabled - If true, disables the control at runtime.

Events​

  • Clicked On - Configure what happens when the icon is clicked.

Style​

  • Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default back to the parent alignment, deselect the overridden options.
    Note:

    The alignment is dependent on the layout selected for the parent (Vertical vs Horizontal).

  • Background color - The background color of the icon.
  • Border - The border for the icon. Border Thickness and Color can be configured.
  • Font - The font attributes for the icon, such as font size and color.
  • Margin - The margin of the control. By default, a margin of 4px is set. Top/Bottom and Left/Right margin properties are combined. These properties can be detached using the Link button at the right side of the Margin section.

VB properties​

VB propertyData typeDescription
HiddenBooleanIf true, hides the Icon control at runtime.
DisabledBooleanIf true, disables the Icon control at runtime.
TooltipStringInformation text which appears when the user hovers over the control.
  • General​
  • Events​
  • Style​
  • VB properties​

Was this page helpful?

Connect

Need help? Support

Want to learn? UiPath Academy

Have questions? UiPath Forum

Stay updated