WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • How-to
  • Releases
  • Login
  • Start free trial

›Cards

Widgets & Prefabs Library

  • Widgets Library
  • Prefabs Overview

Cards

  • Overview
  • Creating a Card
  • Data Source
  • Templates
  • Configuration
  • Behavior Settings
  • Properties, Events & Methods
  • Use Cases

Data Table

  • Overview
  • Creating a Data Table
  • Data Source
  • Layouts
  • Configuration
  • Field Configuration
  • Row Expansion
  • Actions
  • Events & Methods
  • Use Cases

List

  • Overview
  • Creating a List
  • Data Source
  • Templates
  • Configuration
  • Behavior Settings
  • Properties, Events & Methods
  • Use Cases

Form

  • Overview
  • Creating a Form
  • Data Source
  • Layouts
  • Configuration
  • Fields Configuration
  • Events & Methods

Live Form

  • Overview
  • Creating a Live Form
  • Data Source
  • Layouts
  • Configuration
  • Fields Configuration
  • Actions
  • Events & Methods
  • Use Cases

Form Widgets

  • Button
  • Button Group
  • Text
  • Number
  • Textarea
  • Select
  • Chips
  • Currency
  • Radioset
  • Checkbox
  • CheckboxSet
  • Toggle
  • Switch
  • Date,  Time and  Datetime
  • Calendar
  • FileUpload
  • Color Picker
  • Slider
  • Rating Widget
  • Select Locale

Live Filter

  • Overview
  • Creating a Live Filter
  • Data Source
  • Layouts
  • Configuration
  • Field Configuration
  • Actions
  • Events & Methods
  • Use Cases

Container

  • Accordion
  • Container
  • Panel
  • Tabs
  • Tile
  • Wizard

Basic Widgets

  • Anchor
  • HTML
  • Icon
  • Iframe
  • Label
  • Message
  • Progress Bar
  • Richtext Editor
  • Search
  • Search - Basic Usage
  • Spinner
  • Tree
  • Media -  Audio,  Picture &  Video Widgets

Charts

  • Chart Widgets
  • Callback Event

Navigation

  • Breadcrumb
  • Creating a Breadcrumb
  • Dropdown Menu
  • Dropdown Menu - Basic Usage
  • Nav
  • Nav Bar
  • Popover
  • Popover - Basic Usage

Advanced Widgets

  • Carousel
  • Login
  • Marquee

Dialog Widgets

  • Modal Windows/ Dialogs
  • Alert Dialog
  • Confirm Dialog
  • IFrame Dialog
  • Design Dialog
  • Page Dialog
  • Login Dialog

Mobile & Device Widgets

  • Camera
  • Media List
  • Segmented Control
  • Barcode Scanner

Prefabs

  • Youtube
  • Googlemaps
  • QRCode
  • Box Viewer Prefab
  • OAuth

    • OAuth Prefabs
    • Box
    • Facebook
    • Google
    • Instagram
    • LinkedIn
Edit

Cards Widget


Cards represents view of items that are rendered responsively across a wide range of mobile devices and screen sizes. Cards are the popular UI elements used in the implementation of Google Now; item details on online shopping websites and many more modern mobile and web apps.

Cards data can be obtained from various data sources like database, queries or web services through variables. Cards templates have a picture and content widgets which can be bound to the fields from the data source. Few of these templates have provision to trigger events via default action buttons.

Card Features

While designing the Cards following features can be set:

  • group data by the field of the underlying data source,
  • order the data by the fields of the underlying data source,
  • enable multiple selections of items and
  • set the pagination style for multi-page data.

See More

Card Data Source
Card Templates
Card Configuration
Card Behavior Settings
Card Properties
Card Events
Card Methods
Use Cases

Last updated on 10/18/2019 by Swetha Kundaram
← Prefabs OverviewCreating a Card →
  • Card Features
  • See More
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2019 WaveMaker, Inc. All rights reserved.