WIP: One issue in form element

Feature Requests / Improvements
1

Browser: Chrome (new)
OS: Windows

Hi,

The option Show required asterisk is active in the form settings, the required asterisk is displayed for label, value and place holder at the same time. It is more logical to display the required asterisk only for the label if the field label is active. But if the label is disabled, it will be displayed for value and placeholder.

form
form889Ă—491 7.04 KB

2

Hi @jolia,

So, the asterisk should not display for the value - or did you type it there in the “NAME” field? I’ve tested this locally and the value is just value. So I’m wondering how did that asterisk appear there in your case.

image

3

Hi @Matej,

It is not displayed for Value, but it is displayed for Placeholder.

4

So, the asterisk here, you typed it manually? This one got me confused :sweat_smile:

image
image946Ă—1124 58.2 KB

Matej

5

No, not manually typed!
I just added the form element and activated two options Show required asterisk and Show labels. Now, if a field is mandatory, the required asterisk is also displayed for the placeholder.

I am facing this problem in try.bricksbuilder.

6

Hi,

sorry for all the confusion :slight_smile: For the placeholder, that’s understandable, since it’s coded this way. If you enable “mandatory” and “Show required asterisk”, it will add the asterisk at the end of the placeholder.

I was confused because I saw the asterisk in the value of the “NAME” field, because that should not happen automatically.

I’ll talk with the rest of the team about this possible improvement.

Best regards,
Matej

1 Like
7

thank you @Matej, In general, if label display is enabled, the required asterisk is displayed only for the label. But if label display is disabled, required asterisk is displayed for placeholder. This seems to be a reasonable behavior.

Also, if a control is added to change the required asterisk color, it will be great and useful. Because the current color does not attract the user’s attention. It should usually be red.

8

Hi @jolia,

I’ve moved this to the feature requests category since it’s not really a bug. I’ve also created an internal ticket for this. We will implement additional control.

And for the color of asterisk, you can use CSS like this, and it should work.

%root% .required::after{
  color: red;
}

Matej

1 Like