Phone 0508 OPENBOX

The OpenBox Blog


This is the OpenBox blog where you'll find news, talk, opinion, tips and tricks about OpenBox.


id = "FBMainForm_24688929" action="/open/blog.html" method = "post" onsubmit = "return false" >
Postings
<< Back to Postings List


Responsive Web Designs
by OpenBox on 

The new Responsive Web Designs (RWD) transform the main website navigation into a mobile-friendly version for all screens with width size of 600px or less. Additional features provided:
  • “flexible” images and fluid grids
  • content and layouts which automatically resize to fit different screen sizes
  • gallery scaling according to needs

List of Responsive Designs
  • Altair
  • Atria
  • AtriaX
  • AtriaX Light
  • Chara
  • Electra
  • Kuma
  • Meissa
  • Merak
  • Mira
  • Pasta Arc
  • Pasta Oval
  • Polaris
  • Sirius
  • Sirius Light
  • Vega
  • Vega Light

How to activate Responsive Web Designs?
All newly created accounts with the above designs are responsive by default.
For existing accounts the current design has to be reapplied in order to become responsive.


Element specific behavior
  • Horizontal scrollbar is not supported
  • Main Menu is always vertical and can be expanded/collapsed
  • Page Image is hidden
  • Sections type "Columns" and Page Layout Columns fall one below another and take up the whole screen width
  • Left and/or Right columns fall below the Main Column in the following order: Main Column, Left Column (if available), Right Column (if available)
  • Text & Image and Form elements (Images, Tables, Horizontal Lines) scale to fit the screen width
  • Galleries scale to fit the screen width
  • Tables in RTE (Text & Image, Form) with fixed width (in pixels) have forced auto-width; tables having width in % preserve their behavior
  • Thumbnails type with fixed columns number do not scale
  • Footer Icons (email, edit, print) are hidden
  • CTAs' and Images' Transitions do not work (there are no mouseover events on touchscreen)
  • Smartphone RWDs are not supported in Admin Area

Applications optimized for mobile devices
  • Appointment Scheduler
  • Local Promotions
  • Language Selection
  • News & Events

Permalink
Comment  
Comments

No comments.