New Responsive UI Module

The New Responsive UI is a small HotBlock module which supports the HTML5, Bootstrap, CSS and Jquery based code to create responsive application which are supported on iOS and Android phones. This topic explains how you can make responsive application in DataWeb framework. Once you have installed this module in your application and follow the steps given below, you can make Home (default.view), Log-In, SignUp, Reset Password, Thankyou, Set Username and Password (Register), NoExist and Access Denied Pages responsive for your application using HTML5, Bootstrap, CSS and Jquery code. It is easy to add to any application for testing HTML5, Bootstrap, CSS and Jquery code.

If you want to make your application responsive then you need to just follow the steps given below:

Create your new dataweb application. For details, please go to https://support.dataweb.com/Help/default.view?Topic=creating/ccreating
Once new dataweb application, you need to go to File menu > Import > Module and install the wsNewResponsiveUI module in your application.
From the Insert menu, choose Component and select the Access.view page under the wsNewResponsiveUI heading and copy the source code to Access.view from the System Pages under the System heading.
From the Insert menu choose Component and select the ChangePwd.view page under the wsNewResponsiveUI heading and copy the source code to ChangePwd.view from the System Pages under the System heading.
From the Insert menu choose Component and select the defalt.view page under the wsNewResponsiveUI heading and copy the source code to defalt.view from the System Pages under the System heading.
From the Insert menu choose Component and select the Logon.view page under the wsNewResponsiveUI heading and copy the source code to Logon.view from the System Pages under the System heading.
From the Insert menu choose Component and select the NoExist.view page under the wsNewResponsiveUI heading and copy the source code to NoExist.view from the System Pages under the System heading.
From the Insert menu choose Component and select the Register.view page under the wsNewResponsiveUI heading and copy the source code to Register.view from the System Pages under the System heading.
From the Insert menu choose Component and select the ResetPwd.view page under the wsNewResponsiveUI heading and copy the source code to ResetPwd.view from the System Pages under the System heading.
From the Insert menu choose Component and select the Signup.view page under the wsNewResponsiveUI heading and copy the source code to Signup.view from the Signup under the AddressBook heading.
From the Insert menu choose Component and select the thankyou.view page under the wsNewResponsiveUI heading and copy the source code to thankyou.view from the Signup under the AddressBook heading.