Skip to main content
Planned

Universal GUI Mandatory fields

Related products:Universal GUI
  • November 27, 2025
  • 5 replies
  • 38 views

Forum|alt.badge.img+13

The issue about the mandatory fields in the Universal is closed. I installed 2025.03 Universal and it seems that the mandatory fields are now indicated with a really small asterisk which has the same color as the theme color. 

Please make this asterisk RED or much better please add an option that the mandatory fields may have another background. 
The windows users are really used to it and it’s really visible.
It seems that there are no options at all anymore to tweak the colors of the GUI. It’s just the main color and the accent color and that’s it. 

If for what ever reason that is not what TW likes to implement then please mark the mandatory fields with a RED little bit bigger asterisk, that’s what you indeed see on a lot of websites.
 

This item was closed for comments… So that’s why I created a new idea.

 

5 replies

Forum|alt.badge.img+13
  • Author
  • Sidekick
  • November 27, 2025

And by the way… 

Where can I set the form group header color. It’s not changing with the MAIN color:

 


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • November 27, 2025

@Edwin Saan Fair point, we were indeed inclined to make the Mandatory asterisk red, but somehow that has been overlooked with the implementation of the new styling. We’ll change that in a near-future release!

Regarding other options for field styling: in Universal you are expected to make such specific alterations with Custom CSS.

See this excerpt from the Universal GUI 2025.2.13 Release notes on how to set a different background or outline color for mandatory fields for example: 

You should be able to do something similar to Form group headers with Custom CSS.


Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • November 27, 2025
NewPlanned

Forum|alt.badge.img+13
  • Author
  • Sidekick
  • November 28, 2025

Arie, dank je wel.

Dan moet ik maar even een training css gaan doen vrees ik.
Jammer dat er eigenlijk geen enkele instelling voor het thema meer is in de SF.
(Ik wil me eigenlijk helemaal niet verdiepen in css en ik ben ook van mening dat TW zijn eigen filosofie dat ontwikkelaars vooral functioneel bezig moeten zijn en dat TW de techniek biedt onrecht aan doen)

Maar goed, met betrekking tot de acceptatie van de Universal bij mijn klanten wil ik echt heel graag een lichtblauwe (of andere kleur) als achtergrond voor de verplichte velden.
De mensen zijn daar zeer aan gewend en het is in de dagelijkse communicatie ingebed.
“Je moet daar nog een blauw veld invullen”.

Dus heb ik de CSS aangepast en ik krijg nu een mooie blauwe achtergrond, maar als je daar iets invult zie je NIETS. 

Chatgpt geeft de volgende suggesties, maar dat helpt allemaal niet.
Citaat chatGPT:

/*****************

Je tekst “verdwijnt” omdat je nu alleen de achtergrond rood maakt, maar niet expliciet een tekstkleur zet. Daardoor wordt de tekst waarschijnlijk ook rood (of heel donker) op rood → onleesbaar.

Los je op door ook de color te zetten:

 

.tsf-control.mandatory .tsf-control-outline { border-color: fuchsia; background-color: red; color: white; /* tekstkleur */ }

Als de tekst in een <input> of <label> binnen die tsf-control-outline staat en niet goed mee kleurt, kun je het iets explicieter doen:

 

.tsf-control.mandatory .tsf-control-outline, .tsf-control.mandatory .tsf-control-outline input, .tsf-control.mandatory .tsf-control-outline label { color: white; }

Eventueel ook nog de placeholder:

 

.tsf-control.mandatory .tsf-control-outline input::placeholder { color: #ffe6e6; }

*************/

Kunnen jullie SVP ergens een voorbeeld css neerzetten met veel voorkomende opties met daarin een duidelijke toelichting wat welke optie precies doet.
De snippets met voorbeelden die nu hier en daar te vinden zijn, zijn veruit onvoldoende. Er is weinig context en weinig toelichting. Dat gaat denk ik erg veel mensen helpen bij het tweaken van de GUI. 
Ik zit nu in de trial and error mode en dat kost veel te veel tijd.

Maar vooralsnog eerst mijn vraag. Hoe krijg ik de tekst zichtbaar op een gearceerd verplicht veld.

 

 


Forum|alt.badge.img+13
  • Author
  • Sidekick
  • November 28, 2025

En waar moet je de css neerzetten als je de applicatie opstart via de SF dus in DEV zonder IAM. 
Daar wil je toch als eerste stap het effect van je css wijzigingen zien. Daar zie ik nu niets gebeuren...