Skip to main content
12-Amethyst
May 16, 2017

MobileHeader Extension

  • May 16, 2017
  • 4 replies
  • 186470 views

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.

4 replies

1-Visitor
May 17, 2017

Thanks for sharing, it is really useful

1-Visitor
May 29, 2017

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

7-Bedrock
June 1, 2017

We use it on several projects, it works.

BrunoD12-AmethystAuthor
12-Amethyst
June 24, 2020

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 !!

19-Tanzanite
June 30, 2020
Thanks for letting us know. Lots of good stuff in 9.0 😉