Adding in the Dropdown Menu a Image

Radzen.Blazor Components
1

Hello!
I am building a registration page where I need the user's phone number with country code. I want to add the correct country flag next to the country code ("DE | AC | GB") in the dropdown menu. I'm getting th Country Codes from a nuget packed called "libphonenumber"

This is my Dropdown Menu:

image
image756×357 6.91 KB

This is the HTML to my Dropdown

            AllowFiltering="true"
            FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
            FilterOperator="StringFilterOperator.StartsWith"
            TValue="string"
            Class="w-100"
            @bind-Value=@_value>

And here im adding the country codes in the Dropdown

    public HashSet<string> CountryCodes =>PhoneNumberUtil.GetInstance().GetSupportedRegions();

If you need any more Infos just ask :smiley:

2

Hi @Obind,

You need to use the Template of RadzenDropDown. Check our online demo for an example.

3

I do not find among the components which accepts an image

4

You can use RadzenImage or the <img> element.