How to use CSS class within Logic for Tezt field / Text area component on UiPath forms

Help Forms
,
1

Hi,
Can someone let me know how to use CSS class within logic section of Text field / Text area components?

2

Hi Tamanaa,

Sequence.xaml (4.6 KB)

You can use this or you can make it according to your requirements.

Hope this will work

3

Thanks @ghazanfar. This will help modify the css for the html element. What i am talking about is within the Forms, when we use text area / text field, can we modify its css?

4

You can play with width height but can not apply CSS on uipath form.

5

Thank you. If you take form activties package 1.1.6 or above, there is a logic section within properties for Text field / text area. If you add some logic and then go into adding action, there you can set the css class property. I tried using that however, css changes don’t seem to get applied

6

Try to use Merge Component Schema action type of a logic trigger. It allows you to replace part of component’s json that is responsible for applying custom style. And in component’s json, inline CSS style could be specified inside attributes name:

customCSS
customCSS1332×821 3.45 MB

2 Likes
7

Thank you @andrey.egorov

1 Like
8

This worked a treat to apply some custom CSS on the colour. The colour only seems to change the label colour in my instance. I wanted to change the component input box background.

.Yes
{
   color : red;

}
.No
{
   color : green;
}

With the following settings:

image
image780×928 16.3 KB

Changes this text field box from green to red.
image

Appreciate old forms is now deprecated but this may help someone updating an old project like myself!