Some business partners may prefer to display only “Male” and “Female” options in a gender selection dropdown while keeping the “Others” option hidden. This decision may be influenced by specific regional, cultural, or business requirements. Instead of modifying the underlying code or database, CSS provides a simple and non-destructive way to hide the “Others” option while keeping it available in the source code for potential future use.

CSS Solution:

If you want to hide the “Other” option for users, add the following CSS in the Login App inside the template:

[data-jsr=”RegistrationGenderCombobox”] option[value=”O”] {

    display: none;

}