Mobile Support

When to Use Responsive Web Design

Use Responsive Web Design (RWD) for mobile support instead of fixed sizes.

• RWD improves usability across a wide range of devices (both desktop and mobile).

• Media queries are used to implement responsiveness and improved widgets adjust to smaller size screens.

• The markers for applied filters are visible on mobile devices.

The result is a mobile friendly UI, regardless of whether you choose to use expanded or compact refiners.

Operating Systems and Browsers

The SmartHub functions are available for the following operating systems and browsers:

• Apple OS:

  • Safari

  • Chrome

• Android OS:

  • Native browser

  • Chrome

Screen Orientation

• Mobile view:

  • Is available for both phones and tablets in portrait orientation.

• Desktop view:

  • Is used for tablets in landscape orientation and for desktop browsers.

Other Information

• Minimal screen resolutionis supported for mobile devices:

  • HVGA or 320x480 (portrait mode). Devices with high DPI such as retina displays are also supported at the higher end.

• Media queries:

  • BA Insight recommends that custom changes to CSS be made using media queries so that the UI responsiveness is not impacted