PWA Optimisation for mobile theme colour for a website

PWA Optimisation

https://stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-chrome-version-o 

https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android

I used an HTML Element for this but it didn't work.

  <meta name="theme-color" content="#1e3382">

Can anyone tell me how I can do this with OutSystems?
Or is OutSystems not capable of this functionality?


Solution

Hi,

How did you add your <meta> tag? Was it just an expression? You should use the AddMetaTag method in the HTTPRequestHandler extension to do this:

Solution

Make sure to add it in a common webblock of the pages that you want to apply it to (or specific Preparations if you want it to only happen in some pages).

Let us know how it goes!

Afonso Carvalho wrote:

Hi,

How did you add your <meta> tag? Was it just an expression? You should use the AddMetaTag method in the HTTPRequestHandler extension to do this:

You should Untick AddFavicon
it just makes your answer confusing. 


But thank you. It was the answer I was looking for. :) 


You're right, it was a quick print from my test module. Glad to know it worked out.