WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • Mobile
  • How-to
  • Enterprise
  • Releases
  • Blog
  • Sign-in

›Mobile App

Frequently Asked Questions

  • FAQs
  • Pre-requisites
  • Supported Technologies
  • WaveMaker Online Setup
  • General

    • What is a WaveMaker App?
    • What skills you need to build a WaveMaker app?
    • Simplify app development using the RAD paradigm
    • Build app using low-code approach
    • Does WaveMaker use the model-first approach or the UI-first approach for RAD development?
    • Customizing your app to your own branding standards

    Architecture

    • What application architectures does WaveMaker Apps support?
    • Explain the WaveMaker Architecture
    • Micro-Services enabled architecture

    Widgets and Services

    • Widgets in WaveMaker
    • Building Widget Extension or Custom Widgets
    • What are Backend Services?
    • How to integrate service in WaveMaker?
    • What are Databases?
    • Databases Supported by WaveMaker Platform
    • What are WaveMaker Web Services?
    • Java Services in WaveMaker

    Security

    • Enabling security for WaveMaker apps
    • Security Provided for WaveMaker Apps

    Mobile App

    • Build Responsive UI using Visual RAD Approach
    • Publishing an app to App Store
    • Can I Publish to App Store without any Limitations?

    Development and Code

    • Working with Multiple Developers
    • Libraries used to build WaveMaker App runtime
    • Editing the Generated code outside the Platform
    • Maintaining Platform Generated Code

    Licenses and other

    • Licensing Restrictions for re-distributing
    • Application Stack Upgrades
    • Is WaveMaker App scalable

Platform Concepts

  • Platform
  • Pages Concepts
  • Design Elements
  • Backend Services Architecture
  • Events life cycle in WaveMaker
  • Integration - Binding Overview
Edit

How to build responsive UI using Visual RAD approach in WaveMaker?

See the FAQs for WaveMaker app development.


The responsive design facilitates the apps to automatically adjust to the device screen size with various UI components adjusting to the available real estate. In WaveMaker, this is achieved through Bootstrap styling using the 12-column layout.

Widgets are dragged and dropped into the 12-column grid containers, whose sizes cumulatively aggregate to 12 within a row. The bootstrap layouting system automatically renders the widgets in different devices based on the available real estate, usually stacking them on a mobile device, while they appear side by side when viewed on a desktop screen.

In WaveMaker, a Page has a flexible layout structure separated from the main content area where the widgets are dropped. Separation of the layout i.e. left panel, header, footer etc. helps not only in achieving UI consistency but also in simplifying the page rendering across devices.

Also, WaveMaker widgets embrace Android Material Design specification for visual design and building interaction across multiple devices. Android Material Design provides standard design guidelines for user interaction across mobile apps and modern web apps.

See Also

FAQs
Design Overview

Last updated on 9/19/2019 by Swetha Kundaram
← Security Provided for WaveMaker AppsPublishing an app to App Store →
  • See Also
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2022 WaveMaker, Inc. All rights reserved.