Improve UX for adding cultures in Localization Settings

[sebastienros]

Description

When adding a new supported culture in the Localization Settings page (/Admin/Settings/localization), the "Add culture" link is not immediately visible or obvious to users.

Current Behavior

1. User selects a culture from the dropdown
2. User must find and click the "Add culture" link (which is easy to miss)
3. The culture is then added to the supported cultures list

Expected Behavior

The action to add a culture should be more prominent and discoverable. Users might expect:

• A visible "Add" button next to the dropdown
• Or auto-add when selecting from the dropdown

Suggested Improvement

• Add a clearly labeled "Add Culture" button next to the dropdown
• Or implement auto-add behavior when a culture is selected from the dropdown
• Consider using a more prominent visual style (e.g., primary button) for the add action

Screenshots

The current UI has the "Add culture" link that can be easily overlooked when users are focused on the dropdown selection.

[github-actions]

We triaged this issue and set the milestone according to the priority we think is appropriate (see the docs on how we triage and prioritize issues).

This indicates when the core team may start working on it. However, if you'd like to contribute, we'd warmly welcome you to do that anytime. See our guide on contributions here.

[diegosigaran]

Hi @hishamco, just checking in on this. Are you still actively working on it?

If not, I would love to help out with this.

[hishamco]

Hi @diegosigaran, I will take care of the localization features, but if you want to take this, let me know and I will unassign myself from this issue

[diegosigaran]

@hishamco It seems like the suggested UI element of an 'Add Culture' button has already been added.

[hishamco]

Ya it's there, that's why I assigned the localization issues to me to revise them and do what its supposed to be

[sebastienros]

The issue is that "Add Culture" button requires selecting in the drop down. If you don't select the Add has no effect. A more standard pattern is to only have the button to add, which would then display a modal page (or not model) with the list of cultures to search/select to add. And this would save automatically too, no more "save". I would also suggest a confirmation when selecting the default culture and no more "Save" either. Maybe not a radio, but a standard button or switch, which would feel more like a POST.

[diegosigaran]

@hishamco If it's still alright with you, I'd like to be the assignee since I now have a better understanding of what to do for the UI.