Bootstrap Select - How to add flag images along with text

Wappler General Need Help
1

I want to make a language selection dropdown which has language + image of a flag

image

I am using “Select” Component so my values are en,es, de etc and Title is English, Espanol, Deutsch etc. But how do i add flags to this. I have svg as well as png

Thanks

2

Can you please specify which Bootstrap component are you using exactly?

3

I’m trying out both BS5 Dropdown and BS5Select , as i am not sure which one will be best. If possible could you please help with both thanks
image

4

My understanding is a Dropdown is primarily for menus as each element is a link. Select is for choosing a value for a form input as does not contain an embedded link (href)

2 Likes
5

Well the select control is a form input. You need to use the Dropdown component here for these purposes. You can add your flag icons there in the <a></a> tags.

1 Like
6

Thank you! this worked perfectly