Spectrum Spatial (SSA/LIM)

At Southwark we are getting close to publishing SSA online. The soft launch will be mid November with a more formal launch in January 2018.

 

In tests I’ve noticed that on an iPhone (other smart phones are available,apparently) that the banner and tool bar can take up around 1/5 of the interface (portrait) and almost ¼ (landscape).

See Attachment

 

Screen space on mobile devices is so precious, so I wonder of PB could think of ways to mitigate this problem.

 

Google Maps (mobile app), for example, has a single floating menu button which goes on to further options….

See Attachment

Perhaps when SSA is viewed on a smart phone it could have one floating options launch icon which then adds in the menu bar (Search, Options, Add and Map Legend). It could then be minimised when required

 

Also, I’d like to see the option of not having the banner at all. Yes, it’s nice to a have space for logo, but the banner bar takes up so much space.

 

 

Alternatively lose the top logo banner but keep the menu banner (Search, Options, Add and Map Legend), like this mock-up...

 See Attachment

More map = better map.

Hi @Stuart Carter? you can disable/enable the banner on mobile by following the instructions in the top of the branding.css file (should be on line 39).

/* Set "display:block;" to enable banner on mobile and set it to "display: none" if you do not wish to add banner*/

#mobileBanner {

  display: none;

}

The is also a separate setting to enable/disable the banner on desktops.

 

You can also change the color of the mobile buttons by setting "background" to the color of your choice in the following section (should be on line 63).

/* Color of the header icons for mobile. */

#navigationIcon.mobileIconContainer {

  background: transparent;

}

 

 

Many thanks for that, Mitchell. It’s exactly what I wanted. I’ve changed the code and now the top banner dose not appear on smartphone. Yes, I forgot to mention the colour of the menu bar on mobile. I did think it was odd – I’ll follow your advice on that too. Thanks, Stuart

For future reference, there is section of the documentation which covers the configuration of custom branding and banners. Including instructions on how to show/hide the mobile and desktop banners. http://support.pb.com/help/analyst/12.0/admin_guide/en/index.html#concepts/branding_banner.html