Search these areas:
Help
Support Forums
Product Info



-Introduction
-DataWeb: What's New
-Creating an Application
-The DataWeb Designer
-Application Management
-Data Tables
-Data Tables
-Views
-Templates
-Components
-Data Analysis
-Members
-Security
-Importing
-Exporting
-FTP
-JavaScript
-Object Model
-Full-Text Search
-Domain and Email Hosting
-HotBlock Modules
-Account Management
-Glossary
-New Responsive UI Module





DataWeb Help
Support Forums
Tutorial
Script Library
Knowledge Base

Home > Support

DataWeb User's Guide

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.
Now your new dataweb application has transformed in to a responsive application which can be worked upon from iOS and Android devices.
Affiliate | Partner | Terms of Use | Privacy Policy | Contact Us | Pricing | Bring DataWeb In-House    
DataWeb, 720 North 10th Street, A #145, Renton, Washington 98057 *425-583-5970* Fax 484-770-4706* Email Us