WaveMaker Docs

WaveMaker Docs

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

›How-to-documents

How-to-documents

  • How-to Wiki
  • WaveMaker Best Practices

App solution

  • Creating a Registration Page
  • Support for Password Encryption
  • Error Handling in WaveMaker App
  • Leaving Page with Unsaved Changes
  • Micro frontend using iframes
  • Enabling PWA

UI design

  • Passing Parameters to Pages
  • Passing Parameters to Partial Page
  • Accessing Script
  • Use Static Variable to pass data between pages
  • Customise Login Page
  • Incorporating Additional Icons
  • Change Icon Color on Condition
  • Change Icon for the Global Spinner
  • Changing Default Favicon
  • Changing App Logo
  • Changing Page Title
  • Customise App Style
  • How to use Conditional Class Property
  • How to use Conditional Style Property
  • Customize an Existing Theme
  • Adjust Left Navigation Width
  • Customizing Theme
  • Enable SPA
  • Choose Widget Template and Layout
  • Widget Template and Icons
  • Custom Template for Widgets
  • Apply Custom Data Formatter

Nav & Dropdown

  • Dynamic Menu based on User Role
  • Restricting Menu Items based on the User Role
  • Localization for Dropdown Menu

Localization

  • Localization in WaveMaker Apps
  • Setting Language and Date Format
  • Localization Using Select Locale
  • Localization of Error Messages

Security

  • SAML Integration - OneLogin
  • SAML Integration - ADFS
  • OpenID Integration - Azure AD
  • Custom Security using Google OAuth Prefab
  • Multiple Security Provider Implementation
  • Customizing Post Authentication Handlers
  • Configuring Content-Security-Policy
  • Configuring MTLS

Databases

  • Queries with Dynamic Where Clause
  • Connect To Azure SQL Server
  • Recommended JDBC Driver Versions for Databases
  • How to fetch more than the default number(100) of records from database?
  • How To: One-to-Many Relationship
  • Working with Temporals
  • Connect To AWS Redshift Database
  • Connect To SAP Hana Cloud Database
  • Transactional History of Entity
  • Row-Level Security using DB Event Listeners
  • Validations using CRUD Listeners
  • Custom Logic DB Event Listeners
  • Connect to MySQL database using SSL
  • How to Switch MariaDB to MySQL Connector

Web services

  • Using App Environment Properties
  • Consuming an Existing WaveMaker API
  • Using POST method to send data to a REST API
  • Request-Response Processing for REST Services
  • How to Intercept Request and Response of all API Calls in One Place
  • WebSocket Usage - Chatroom App
  • UI for API Server-side Pagination
  • Working with API with different pagination formats

Java services

  • Sending Email using WaveMaker Connector
  • Implementing Forgot Password feature using Java Service
  • Accessing REST APIs from Java Service
  • Scheduling a Java Service
  • Integrating JUnit Tests for WaveMaker Application
  • ORM Artifacts
  • Pre-Post Processing for Database Service APIs
  • Accessing Logged-in User Details using Java Service
  • Design a workflow in Camunda BPM and integrate into a WaveMaker app
  • Integrate Azure File Storage
  • Insert Data from Excel into Database
  • Integrate Amazon S3 into WaveMaker App
  • Integrate Twilio Connector
  • Integrate OTP (One-Time Passcode) Verification with WaveMaker App

Variables

  • Using Filter Conditions on Variable
  • Using Live Variable APIs
  • Using Notification Actions
  • Using Navigation Action
  • Using Variables for Queries and Procedure
  • Using Service Variable in a Form
  • Using Filter Criteria for a Data and Live Widgets
  • Using Filter Criteria for a Database CRUD Variable

JavaScript

  • Using JavaScript in Binding
  • Using JavaScript from External URL
  • Using JavaScript to loop a command
  • Using function for evaluating conditions

Developer options

  • Synchronizing WaveMaker Apps with IDEs
  • Synchronizing Java Services Controller
  • Integrating Amazon Cognito for User Authentication
  • Integrating Sample Jasper Report in WaveMaker Application
  • How to generate PDF File using Jasper Reports
  • Upgrading an App from WaveMaker 9.x to WaveMaker 10.0
  • App Migration from WaveMaker 9x to 10x
  • Setup Fusion Reactor for Debugging Issues

Deployment

  • SSL Termination in LoadBalancer

Mobile App Solutions

  • Notify users about new update

Mobile gesture

  • Setting Swipe Gestures on a List Widget
  • Working with Pull to Refresh

Mobile widgets

  • Using Search Widget within the Navbar

Mobile UI design

  • Setting Splashscreen Images and App Icons
  • Using Cordova Plugins
  • Designing Tablet Views in Mobile Project
  • Sliding left navigation for Mobile App
  • Mobile App using Bar code
  • Custom Date Picker in Mobile

Cards

  • Capturing Card Items

DataTable

  • Customising Data Table Row Action
  • How to Configure Row Expansion in a Data Table
  • Using Widgets to represent Data Table Columns
  • View Master-Detail Data Records using Data Table
  • Add Master-Detail records using Data Table
  • Export Data from Data Table
  • Export Data from Data Table - 2
  • Setting Blob Filename
  • Dynamic Data Tables
  • Customize Dynamic Datatable
  • Data Table Column bound to Query
  • Combining Columns in Data Table
  • Custom Styling Data Table Columns & Rows
  • Formatting Data Table Columns
  • Concurrency and Record Locking in WaveMaker
  • Edit DataTable records bound to Query API

List

  • Creating an Employee List grouped by City
  • Creating an Employee List grouped by Birth Month and City
  • OnRender Event
  • Including a Data Table within a List
  • Building an Editable List
  • Building Cascading Lists
  • Accessing List Items
  • Localization of Data Table Column Headings

Forms

  • Using Live Form
  • How Tos: Form
  • Building Tabbed Live Form
  • How Tos: Live Form
  • Linking Live Form with another Widget for Input
  • Handling Related Fields in a Live Form
  • How to Get Validation Messages from a Form
  • Adding Master-Detail records in the same transaction
  • Submit Parent and Child Records in a Single Transaction
  • Submit Parent and Child Records in a Single Transaction using Form and Data Table
  • Using Cascading Select & Autocomplete for Live Form Fields
  • Using Cascading Select within Live Form
  • Using cascading Filter to populate Live Form
  • Using Wizard for Master-Detail Live Form
  • Copy to Clipboard
  • Create a form with multiple wizard steps
  • Smart Forms: Conditional Flows for form Widget

Calendar

  • How Tos: Calendar
  • Calendar Usage - Create an Event
  • Calender Usage - Google Calendar Integration

CheckboxSet

  • CheckboxSet to Filter List data

FileUpload

  • FileUpload - Basic Usage
  • File Upload Widget Operations
  • Upload File & Save in Database
  • File Upload & Blob Data
  • File Upload - Custom Directory
  • Accessing File Upload from Java Code
  • Upload Files from Live Form & Form

Radioset

  • Radioset to Filter a List

Rating

  • Building Rating Widget using Static Data
  • Building Rating Widget using Static Variable
  • Build Rating Widget using Model Variable
  • Building an Interactive Rating Widget

Select

  • Configuring Select Widget from a Static List of Values
  • Configuring Select Widget from a Static Variable
  • Configuring Select Widget from a Variable
  • Configuring Select Widget using Display and Data Fields
  • Configuring Select Widget from Database Fields
  • Configuring Cascading Select
  • Selection Widgets - Use Case

Progress Circle

  • Using Progress Circle Widget

Charts

  • Working with Charts
  • Display User Selection in another Widget
  • Handling Dynamic Data
  • Custom Data

Richtext Editor

  • Adding Custom Fonts to Richtext Editor

Live filter

  • Applying Live Filter to a Data Table or a Chart
  • Building a Multiple Selection Live Filter
  • Building a Range Live Filter

Container

  • Setting partial page content for Accordion within a List
  • Setting partial page content for Panel within a List using JavaScript
  • How Tos: Wizard
  • Dynamic Tabs and Accordions

Tree

  • Tree using Static Variable
  • Tree using Java Service
  • Tree using Dynamic Tree

Prefabs

  • Creating Partials in a Prefab
  • Create Prefab using Third Party UI Widgets
  • Create a Simple Prefab
  • Create Prefab Using D3 & NVD3 Charts
  • Create Prefab Using D3 Library DataMaps
  • Create Prefab using JQuery Plugin
  • Create Prefab using Angular Module
  • Create Prefab using Angular, React Components
  • Azure OAuth Prefab Integration

Team Poral Configure Vcs

  • Configure Azure Repos In CodeRepository
Edit

How-to Wiki

Find the how to topics and look for sub-categories under each of the specified category.


How-tosSee
For App Development in generalHow-tos: App Development
For Hybrid Mobile App DevelopmentHow-tos: Mobile Development
For WidgetsHow-tos: Widgets
For PrefabsHow-tos: Prefabs

How-tos: App Development


App Solution

  • How to enable user registration and password encryption
  • How WaveMaker provides support for password encryption
  • How to Handle Error Situations in WaveMaker App

UI Design


  • How to Navigate between Pages in
    • i. Web Responsive Apps
    • ii. Mobile Apps
  • How to pass parameters to pages
  • How to pass parameters to partial pages
  • How to use static variable to pass data between pages
  • How to set home page, default language, and display format for date and time fields
  • How to incorporate additional icons
  • How to conditionally change the color of icons
  • How to change the default app favicon
  • How to set the app logo
  • How to change the page title
  • How to customize app style
  • How to customize existing theme
  • How to create custom themes

Localization


  • How to enable App Localization in WaveMaker apps
  • How to enable App Localization for Error Messages
  • How to enable App Localization for Data Table Column Headings

App Security


  • How to configure login page
  • How to assign landing page based upon the login user role
  • How to define session timeout behavior
  • How to integrate SAML with OneLogin
  • How to integrate SAML with ADFS
  • How to customize security to use Google OAuth Prefab
  • How to customize security to use Google OAuth Prefab and Database as Security Provider
  • Customizing Post Authentication Handlers
  • How to configure MTLS for REST API's

Database Services


  • How to build a Query with dynamic where clause
  • How to connect to Azure SQL Server
  • How to download JDBC driver jar for SQL server
  • How to fetch more than the default number(100) of records from Database ?
  • How to connect to MySQL database using SSL
  • How to switch MariaDB to MySQL connector

Web Services


  • How to use POST method to sent data to a REST API

Java Services


  • How to send emails using Java Service
  • How to implement forgot password feature using Java Service
  • How to access REST APIs from Java Service
  • How to schedule a Java Service
  • Custom Query Syntax to access DB Service APIs from Java Service
  • How to accomplish Pre-Post Processing for a DB Service APIs
  • How to design a workflow in Camunda BPM and integrate into a WaveMaker app
  • How to Integrate Azure File Storage into WaveMaker App
  • How to Inserting data from Excel into the database in a WaveMaker app

Variable Usage


  • How to use Variables to Access Queries and Procedures

JavaScript Usage


  • How to use JavaScript to Use Expressions for Binding
  • How to load JavaScript from external URLs
  • How-To insert/update multiple rows in a database using a FOR loop in JavaScript

Developer Integrations


  • How to Synchronizing WaveMaker Apps with IDEs
  • How to integrate Amazon Cognito for User Authentication
  • How to generate PDF Files using Jasper Reports

How-tos: Mobile Development


Mobile: App Solutions

  • How to work with Mobile Offline feature

Mobile: Gesture Support


  • Gesture Support Basics
  • Setting Swipe Gestures for a ListNew
  • Working with Pull to Refresh

Mobile: Widgets


  • How to enable page navigation using Tabbar
  • How to customise Navbar
  • How to use search widget within leftnav
  • How to use Barcode Scanner widget with web service

Mobile: Design UI


  • How to set Splashscreens & Icons
  • How to add and use additional Cordova Plugins
  • How to design tablet applications

Mobile: Integrations


  • Amazon SNS
  • Amazon Mobile Analytics
  • Push Notifications
  • Invoking Web App APIs in Mobile Apps

How-tos: Widgets


Data & Live Widgets


Widget: Cards

  • How to access card items

Widget: Data Table

  • How to view master-detail record using a data table
  • How to add master-detail record using a data table
  • How to export data using a data table
  • How to create a dynamic data table
  • How to bind column of a data table to query variable
  • Concurrency and Record Locking in WaveMaker

Widget: List

  • How to group list items
  • How to group list items based upon multiple fields
  • How to use OnRender Event for List widget
  • How to include data table within a list
  • How to build editable list using live form
  • How to build list from the selected item of another list
  • How to access list items
  • How to enable App Localization for Data Table Column Headings

Widget: Live Form

  • How to split live form
  • How to link live form to another widget
  • How to configure related fields in a Live Form
  • How to use cascading select and autocomplete widgets for fields in a Live Form
  • How to configure cascading select for fields in a Live Form
  • How to use cascaded Live Filter to populate Live Form
  • How to add master-detail records from Live Form using Wizard
  • How to progressively add fields to a record using Wizard
  • How to accumulate data over multiple steps in a Wizard and save at the last step
  • How to select widget template and set Icon for wizard steps

Widget: Live Filter

  • How to Apply Live Filter to a Data Table/Chart
  • How to build a filtering based upon multiple values
  • How to build a filtering based upon a range of values

Widget: Form

  • How to accumulate data over multiple steps in a Wizard and save at the last step
  • Using Forms

Container Widgets


Widget: Accordion Widget

  • How to set partial page content for Accordion within a List

Widget Panel Widget

  • How to set partial page content for Panel within a List using JavaScript

Basic Widgets


Widget Tree Widget

  • How to build a tree from static variable
  • How to build tree from java service
  • How to build a dynamic tree

Form Widgets


Widget: Calendar

  • How Tos: Calendar
  • How to create an event and save it in a Database
  • How to integrate with Google Calendar

Widget: CheckboxSet

  • How to use CheckboxSet widget to filter a List

Widget: File Upload

  • How to use various file service operations
  • How to save uploaded file to a DB
  • How to upload BLOB file to a DB
  • How to upload file to custom directory
  • How to uploaded files from Java code
  • How to use file upload in Form and Live Form

Widget: Radioset

  • How to use Radioset widget to filter a List

Widget: Rating

  • How to build Rating widget from static data
  • How to build Rating widget from variable data
  • How to build an interactive rating widget

Widget: Select

  • How to use list of values for select widget configuration
  • How to use variable for select widget configuration
  • How to use display and data value fields for select widget configuration
  • How to use database fields for select widget configuration
  • How to configure cascading select

Widget: Chart

  • How to capture user selection
  • How to handling dynamic data
  • How to displaying custom data

Widget: Text / TextArea / Number

  • How to implement CopytoClipboard

Navigation Widgets


Widget: Nav

  • How to restrict access to Menu/Nav items based upon the User Role
  • How to build a multilevel navigation

Widget: Dropdown Menu

  • How to restrict access to Menu/Nav items based upon the User Role
  • How to implement Localization for the menu items

How-tos: Prefabs


Prefab: Use Cases

  • Create a simple Prefab to compare two strings
  • How to create a Prefab using 3rd Party UI Widgets
  • How to create a Prefab Using D3 & NVD3 Charts
  • How to create Prefab Using D3 Library (DataMaps)
  • How to create Prefab Using JQuery Plugin - showcases using Events and Methods
  • How to create Prefab Using Angular, React Components

Team Portal : Configure Vcs


Azure Repos : Vcs

  • How to configure Azure Repos as Vcs
Last updated on 11/18/2022 by Raviteja Dugge
WaveMaker Best Practices →
  • App Solution
  • UI Design
  • Localization
  • App Security
  • Database Services
  • Web Services
  • Java Services
  • Variable Usage
  • JavaScript Usage
  • Developer Integrations
  • Mobile: App Solutions
  • Mobile: Gesture Support
  • Mobile: Widgets
  • Mobile: Design UI
  • Mobile: Integrations
  • Widget: Cards
  • Widget: Data Table
  • Widget: List
  • Widget: Live Form
  • Widget: Live Filter
  • Widget: Form
  • Widget: Accordion Widget
  • Widget Panel Widget
  • Widget Tree Widget
  • Widget: Calendar
  • Widget: CheckboxSet
  • Widget: File Upload
  • Widget: Radioset
  • Widget: Rating
  • Widget: Select
  • Widget: Chart
  • Widget: Text / TextArea / Number
  • Widget: Nav
  • Widget: Dropdown Menu
  • Prefab: Use Cases
  • Azure Repos : Vcs
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2023 WaveMaker, Inc. All rights reserved.