Globalization and Localization in Multiselect Dropdown

4 Nov 20251 minute to read

Localization

The Blazor MultiSelect Dropdown supports localization of built-in UI text (for example, select all, no records, clear). Refer to the Blazor localization documentation to configure culture files and resource keys for Syncfusion components.

Globalization

Enable right-to-left (RTL) mode

The direction can be switched to right to left when specifies the EnableRtl as true. Writing systems like Arabic, Hebrew, and more will require EnableRtl property.

Specifies the EnableRtl as a boolean value that indicts to enable or disable rendering component in the right to left direction. Writing systems will require Arabic, Hebrew, and more. The direction can be switched to right-to-left.

RAZOR

@using Syncfusion.Blazor.DropDowns;

<SfMultiSelect TValue="string[]" TItem="Games" Placeholder="Favorite Sports" DataSource="@LocalData" EnableRtl="@EnableRTL"> 
    <MultiSelectFieldSettings Text="Text" Value="ID"></MultiSelectFieldSettings>
</SfMultiSelect>

@code {

    public class Games
    {
        public string ID { get; set; }
        public string Text { get; set; }
    }
    List<Games> LocalData = new List<Games> {
    new Games() { ID= "Game1", Text= "American Football" },
    new Games() { ID= "Game2", Text= "Badminton" },
    new Games() { ID= "Game3", Text= "Basketball" },
    new Games() { ID= "Game4", Text= "Cricket" },
    new Games() { ID= "Game5", Text= "Football" },
    new Games() { ID= "Game6", Text= "Golf" },
    new Games() { ID= "Game7", Text= "Hockey" },
    new Games() { ID= "Game8", Text= "Rugby"},
    new Games() { ID= "Game9", Text= "Snooker" },
    new Games() { ID= "Game10", Text= "Tennis"},
    };

    public bool EnableRTL { get; set; } = true;

}