41
Views
4
Comments
Solved
PWA Optimisation for mobile theme colour for a website
Question

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?


2019-06-15 21-39-22
Afonso Carvalho
 
MVP
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:

2018-10-03 08-35-42
Garth Baker

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. :) 


2019-06-15 21-39-22
Afonso Carvalho
 
MVP

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!

2019-06-15 21-39-22
Afonso Carvalho
 
MVP

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

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.