Problem with translation in ASP.NET Core via ASP.NET Core localization in _Layout.cshtml

Question

I am trying to learn programming in ASP.NET Core by making simple programs, but I got stuck with translating some parts of texts by using a localization feature. For example, I created Resources and folders with all needed resource files with translated words and phrases. For _Layout.cshtml i created Resources -> Views -> Shared -> _Layout.en.resx and _Layout.fr.resx

I tried to use this type of code but it doesn't work, the page is loading but when I change the culture from en to fr the words in _Layout don't change, only what I get is the words write in @localizer quotes in both languages.

The code in _Layout is the same as yours.

The differences in Startup.cs:

In ConfigureServices:

services.AddLocalization(opt => { opt.ResourcesPath = "Resources"; }); services.AddMvc().AddViewLocalization(LanguageViewLocationExpanderFormat.Suffix).AddDataAnnotationsLocalization();

        services.Configure(
            opt =>
            {
                var supportCulteres = new List
                {
                    new CultureInfo("en"),
                    new CultureInfo("fr")
                };
                opt.DefaultRequestCulture = new RequestCulture("en");
                opt.SupportedCultures = supportCulteres;
                opt.SupportedUICultures = supportCulteres;
            });

In Configure i add only that code: app.UseRequestLocalization(app.ApplicationServices.GetRequiredService().Value);

I made this to work this file _Culture.cshtml (problem with adding code)

https://i.sstatic.net/WV9pn.jpg

And I got side like this:

https://i.sstatic.net/1vRWE.jpg And after changing the language (in this example i have polish language but normally it is french) https://i.sstatic.net/Fbn8j.jpg

Rena · Accepted Answer

Here is a whole working demo:

1.Add resource file in Resources/Views/Shared folder in root project:

2.Edit your resource file(_Layout.fr.resx) like below:

Note:Be sure you have added the correct value for key(Home,Privacy,Book List.Book List contains space).

3.Create _Culture.cshtml:

@using Microsoft.AspNetCore.Builder
@using Microsoft.AspNetCore.Localization
@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.Extensions.Options

@inject IViewLocalizer Localizer
@inject IOptions LocOptions

@{
    var culture = Context.Features.Get();
    var cultureList = LocOptions.Value.SupportedUICultures
        .Select(c => new SelectListItem { Value = c.Name, Text = c.DisplayName })
        .ToList();
    var returnUrl = string.IsNullOrEmpty(Context.Request.Path) ? "~/" : $"~{Context.Request.Path.Value}";
}

4.Change your _Layout.cshtml like below:

@inject Microsoft.AspNetCore.Mvc.Localization.IViewLocalizer localizer




    //...


    
        
            
                MvcCore3_1
                
                
                    
                        
                            @localizer["Home"]
                        
                        
                            @localizer["Privacy"]
                        
                    

                    //add the partial here
                    @await Html.PartialAsync("_Culture")
                
            
        
    
    
        
            @RenderBody()
        
    

    
        
            © 2020 - MvcCore3_1 - Privacy
        
    
    
    
    
    @RenderSection("Scripts", required: false)

5.Be sure add AddViewLocalization in your Startup.cs like below:

Note: It should be:app.ApplicationServices.GetRequiredService>() not app.ApplicationServices.GetRequiredService().

    public void ConfigureServices(IServiceCollection services)
    {

        services.AddLocalization(options => options.ResourcesPath = "Resources");

        services.AddControllersWithViews()
            .AddViewLocalization(LanguageViewLocationExpanderFormat.Suffix);

        services.Configure(
         opt =>
         {
             var supportCulteres = new List
             {
                new CultureInfo("en"),
                new CultureInfo("fr")
             };
             opt.DefaultRequestCulture = new RequestCulture("en");
             opt.SupportedCultures = supportCulteres;
             opt.SupportedUICultures = supportCulteres;
         });

    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {

        var options = app.ApplicationServices.GetRequiredService>();
        app.UseRequestLocalization(options.Value);
        
        app.UseHttpsRedirection();
        app.UseStaticFiles();
        app.UseAuthentication();

        app.UseRouting();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {               
            endpoints.MapControllerRoute(
                name: "default",
                pattern: "{controller=Home}/{action=Index}/{id?}"); 
        });

    }

6.Controller:

[HttpPost]
public IActionResult CultureManagement(string culture, string returnUrl)
{
    Response.Cookies.Append(
        CookieRequestCultureProvider.DefaultCookieName,
        CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture)),
        new CookieOptions { Expires = DateTimeOffset.UtcNow.AddYears(1) }
    );

    return LocalRedirect(returnUrl);
}

Result:

Problem with translation in ASP.NET Core via ASP.NET Core localization in _Layout.cshtml

Answers (1)

Related Questions