UserImage.jpg
shooouse
29Views
6Comments
Solved
Is it possible to remove the * in case of mandatory input fields?
Question
CSS
OutSystems Widgets

I want to remove the asterisks from the input fields, but I could not find the corresponding CSS class.

0
0
19 Oct
Solution

Replying to shooouse's comment on 19 Oct 2023 13:48:25

Hello again:

These are the classes that generate the * and put it in read. If you put:

[data-label].mandatory-label:after {  
                  content: "";  

}

Your issue must be solved. 

Best regards, 

Ana

See solution in context
1
0
19 Oct
Solution

Hi @shooouse ,


You can also override the css like this, add this in your custom theme,


[data-label].mandatory:after {

    content: "*";

display: none;

}


Regards,

Wasimkhan S

See solution in context
0
2
19 Oct

Hello shooouse, 

In each input you have a property called "Mandatory". Set it to false and the * will disappear. 

Best regards,

Ana

0
0
19 Oct

Hi, I want that it stays mandatory, I just don't want to show the *.

BR

0
0
19 Oct
Solution

Replying to shooouse's comment on 19 Oct 2023 13:48:25

Hello again:

These are the classes that generate the * and put it in read. If you put:

[data-label].mandatory-label:after {  
                  content: "";  

}

Your issue must be solved. 

Best regards, 

Ana

1
0
19 Oct
Solution

Hi @shooouse ,


You can also override the css like this, add this in your custom theme,


[data-label].mandatory:after {

    content: "*";

display: none;

}


Regards,

Wasimkhan S

0
2
19 Oct

I wanted to achieve that, thank you @Ana Agostinho @Wasim Khan 

0
0
19 Oct

Hi Shooouse ,

Yes you can remove this  " * " by removing by Input Widget from label properties in the case of mandatory field .

It will definitely work .

Let me know if you have any problem after this .

Thanks 

Arif .


0
0
20 Oct
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.