DEV Community

Cover image for Stuck browser title on HTML Web Resources
Riccardo Gregori
Riccardo Gregori

Posted on

Stuck browser title on HTML Web Resources

The issue

You've crafted a beautiful HTML web resource for D365, developed it locally, published into Dataverse via XrmToolbox WebResources Manager plugin, and integrated it seamlessly into your sitemap. Everything works like a charm until you take a look to the browser title.

Browser title bar with mispelled name

You just forgot that by default, browser title will match the web resource name, and the web resource name is set automatically by the WebResources Manager equal to the web resource path. Without concerns, you proceed to update the web resource name, publish everything, refresh the browser window and... the browser title keeps clinging to the old name. It's like a ghost from the past haunting your customization.

The solution: a quick sitemap tweak

Here's the swift and effective solution:

  1. In make.powerapps.com, access the solution containing the sitemap and open the Sitemap Designer.
  2. Locate the subarea element linked to your HTML web resource.
  3. Change the "Id" attribute of the subarea element. You can change the whole Id or add an unique suffix, just keep in mind that the Id must be unique among the whole sitemap.
  4. After making this change, save your sitemap and publish it. This action will force the browser to reload the sitemap definition the next time you access it.
  5. Reload D365 and access the web resource, the browser title will finally match the new name of your HTML web resource (you may need to hit F5, depending by the browser cache policies).

Fixed page title

Conclusions

Customizing D365 with HTML web resources empowers you to tailor your experience. When quirks like outdated browser titles arise, use the sitemap designer to refresh them quickly. Changing the subarea's ID triggers D365 to reload the sitemap, and your browser titles will update. It's a simple yet invaluable trick in your customization toolkit. Happy customizing!

Billboard image

Synthetic monitoring. Built for developers.

Join Vercel, Render, and thousands of other teams that trust Checkly to streamline monitor creation and configuration with Monitoring as Code.

Start Monitoring

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay