Mobile Devices are very diverse, ranging from screen size, resolution or orientation to even operating systems (OS). To take care of the varying screen size and resolution, we have to make many versions of the site, such as a Desktop version and a Mobile version. But it will increase the cost and maintenance overload.

Responsive Web Design is a new concept that makes your web page look good on all devices (desktops, tablets, and phones). It is about using HTML and CSS to resize, hide or move content to make it look good on all screens.

The Smart Forms generated using App Designer are by default web responsive to facilitate the proper use on every type of device. So when you create a Smart Form using AD, no need to worry about adapting to any specific device type as AD - a ONEWEB smart form designer automatically takes care of that.

Smart Form visibility on Desktop Screen Mode

Smart form visibility on Mobile Screens

The web pages created using Page Designer are web responsive by default unless the web designer assigns specific width for any element. Page Designer also has the feature to preview your page for different device types and see how your page looks like. To do so click on the desired preview icon at the top of the Page Designer screen.

Page run on desktop screen Mode (width 1024px)

Page run on Mobile Mode (width 375px)

Also, for the column element, Page Designer provides built in support to increment or decrement width for each screen size so as adjust the column size on various screens.

Page Designer also provides the class property for all element so as to assign specific CSS class to an element. Users can use this feature to make the elements follow the web responsive design.