This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(131.20000000000002, 77%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EKM%3C/text%3E%3C/svg%3E)
Hello,
I have a Blazor 8.0 project that has been giving me trouble when it comes to Title.
I have a <PageTitle> tag on every page but it remains the Home no matter on which page I am redirected.
Is there a solution for this problem?
Thank you
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(288, 78%, 37%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBZ%3C/text%3E%3C/svg%3E)
Could you please post some related codes which about how you set the pagetitle? Inside each component? Which blazor app you have used? Webassembly or server app?
This is how I set the Page title:
<PageTitle>@_localizer["PageTitle_Home"]</PageTitle>
<PageTitle>@_localizer["PageTitle_Contact"]</PageTitle>
<!-- etc. etc. -->
I am using Server app though. Thx P.S. when I start the app it opens Home page by default and the TItle is "Home". Then I click the Contact link and the Contact page gets opened. However the Title is still reading "Home". Now I just refresh the Contact page and it starts reading "Contact" :(
I mean could you please give me a component example like home or contact to let me reproduce the issue?
They are practically empty. I just added languages (Resources) and renamed Counter to Contact. That's it
The only difference is that I edited the NavMenu.razor replacing the NavLink's with regular a tags e.g. <a href="/contact">Contact</a>
I am not even sure that postback happens. It's like you move across the pages in a Desktop app. That's why the Title changes if I click Refresh (F5)
I guess I am going to start the project from scratch and enable the features one by one and find what causes this issue. Any suggestions in the meantime are welcome. Thanks
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
<PageTitle> is a simple component. when rendered it just uses jsinterop to set the document title:
document.title = 'My Page Title';
perhaps your localizer is always returning the same value.
Hmm localizer returns the correct value actually. I know it because when I refresh the page (F5) the title is set correctly. However, thank you so much for trying
As soon as I start using the Blazor Bootstrap, the Title tag stops working correctly. I refer to the following Blazor Bootstrap:
Install-Package Blazor.Bootstrap -Version 2.2.0
I add the language selector dropdown and then the troubles start. I guess I need to remove this package and use another one or regular HTML
Sounds like the language selection code causes the issue.