Change flag image after change language in ASP.NET Core 6

Question

I have a multilanguage website. I want to switch to another lang with change flag image and switch button. How does it work?

Thank you for your help!

My code is a dropdown and I want change it to switch button with flag.

<form asp-action="ChangeLanguage" asp-controller="Home" method="post">
    <input type="hidden" id="returnUrl" name="returnUrl" value="@returnUrl" />
    <select id="culture"
            name="culture"
            class="form-control"
            onchange="this.form.submit();"
            asp-items="culturItems"
            asp-for="@requestCulture.RequestCulture.UICulture.Name">
    </select>
</form>

website image

Answer 1

You're looking for a front-end solution. Here is an example. Store the pictures in the images folder under your wwwroot.

<form asp-action="ChangeLanguage" asp-controller="Home" method="post">
    <input type="hidden" name="returnUrl" value="@returnUrl" />
    <button type="submit" name="culture" value="en" class="btn-language">
        <img src="~/images/En.png" alt="English" />
    </button>
    <button type="submit" name="culture" value="fr" class="btn-language">
        <img src="~/images/Fr.png" alt="French" />
    </button>
</form>