Skip to main content
12-Amethyst
May 16, 2017 8:24 AM UTC

MobileHeader Extension

If you ever tested mashup rendering on mobile phones, you probably experienced that the mashup was not sizing to fit your mobile display.

This "MobileHeader" extension enables to auto adapt the mashup to mobile displays.

 

It adds the following parameters to the HTML header:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

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

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

 

In the composer just drop the "MobileHeader" extension into a section of the mashup.

 

This extension was tested until version 7.4.

5 replies

1-Visitor
May 17, 2017 12:43 PM UTC

Thanks for sharing, it is really useful

Translate
1-Visitor
May 29, 2017 6:24 AM UTC

Is it working fine ? @Nicolas Laffargue Have you tried on your mobile ?

Translate
7-Bedrock
Jun 1, 2017 1:29 PM UTC

We use it on several projects, it works.

Translate
BrunoD12-AmethystAuthor
12-Amethyst
Jun 24, 2020 9:42 AM UTC

Starting ThingWorx 9.0 mobile headers configuration is natively supported through Mobile Settings tab (see attached screenshot for guidance) 

The MobileHeader Extension is no longer required !!

Translate
19-Tanzanite
Jun 30, 2020 11:20 AM UTC
Thanks for letting us know. Lots of good stuff in 9.0 😉
Translate