Question

Reduce the text box size and adding asterisk symbol

0

HI, I have two question: 1.I have created the text box for a string value. I have to reduce the text box size. Is it possible to reduce its size? 2. I want to add the asterisk symbol in the page to show them as mandatory. Can anyone tell how to add it? Appreciate your help

asked 2022-09-07

Lavanya R

3 answers

Rishi Sundar · Answer 1 · 2022-09-07

Hi Lavanya,

1) You can set width of the textbox by width:100px; in the appearance tab of a text box .
2) .required label:after {
content:" *"; color: red;

} Add this to your main.scss and use ‘required’ class in all mandatory text boxes\

Hope this helps!

ABDUL KHIYUM · Answer 2 · 2022-09-07

Hello
1. You will have to write a class or change the styling through CSS and target the label and the form-control inside the MX-textbox

2. Follow the below link you can import icons,
https://www.mendix.com/blog/import-custom-icons-mendix/

Hope this helps!

Maarten Bongers · Answer 3 · 2022-09-07

Hi!

1. If you select the textbox on your right there should be a box called ‘Common’ There is a section in there called ‘ Design Properties’ and most likely there is a row called ‘Size’ There you can select a custom size(problably small or large)
The other option is to change the render mode or create a custom class and set the size.

2. Not sure what you mean with this, you can add the * as a text to the page?

Hope this helps!