[Traditional Web]How to Add to home Screen with tools bar.

Hi here.


I have a Traditional Web Application .

I access it use ipad(ios13) by safari.


After  [Add to Home Screen], start application by the icon added on desktop.


The browser is started without tools bar.


By same operation at other site(for example Amazon),

The browser is started with tools bar.


So i want to know How to add a icon by [Add to Home Screen],can open browser with tools bar.




does anybody have any ideas?

Hi Ming,

Normally the toolbar is hidden on iOS if the html page contains the following meta tag in the HTML <head>

<meta name="apple-mobile-web-app-capable" content="yes" />

So you might try and set the value of the content attribute to "no"

For more info see: apple-mobile-web-app-capable

Regards,

Daniel


Daniël Kuhlmann wrote:

Hi Ming,

Normally the toolbar is hidden on iOS if the html page contains the following meta tag in the HTML <head>

<meta name="apple-mobile-web-app-capable" content="yes" />

So you might try and set the value of the content attribute to "no"

For more info see: apple-mobile-web-app-capable

Regards,

Daniel


Hi Daniël,

Thanks for you reply.


As i know. the html code of ? is auto created by outsystems platform.

<meta name="apple-mobile-web-app-capable" content="yes" />



So ,can you tell me more detail about how to set apple-mobile-web-app-capable to no in outsystems Traditional Web Application .


Now my idea is change it by javascript.



Hi Ming Liu,


For traditional, you can use the AddMetatag from HTTPRequestHandler


One good point to add it is in the OnBeginWebRequest, so all your pages will include this metatag


Regards
Fabio


Solution

HI,

Traditional Web Applications are rendered serverside, based on the device that runs the application.

You can change it using the AddPostProcessingFilter action from the HTTPRequestHandler module.

See this example where I make sure the HTML is post-processed. Just take care to have the proper amount of ".

"""apple-mobile-web-app-capable"" content=""yes"""    

"""apple-mobile-web-app-capable"" content=""no"""    

Regards,

Daniel

Solution

Fábio Fantato wrote:

Hi Ming Liu,


For traditional, you can use the AddMetatag from HTTPRequestHandler


One good point to add it is in the OnBeginWebRequest, so all your pages will include this metatag


Regards
Fabio


Hi Fábio,

Is that gonna work? as the tag will be added this way, not replacing the existing one.

Regards,

Daniel

Daniël Kuhlmann wrote:

HI,

Traditional Web Applications are rendered serverside, based on the device that runs the application.

You can change it using the AddPostProcessingFilter action from the HTTPRequestHandler module.

See this example where I make sure the HTML is post-processed. Just take care to have the proper amount of ".

"""apple-mobile-web-app-capable"" content=""yes"""    

"""apple-mobile-web-app-capable"" content=""no"""    

Regards,

Daniel

Hi Daniël,

I tried it ,and worked fine .

thank you very much for you help.

Best Regards,