WaveMaker Docs

WaveMaker Docs

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

›Cards

Widgets & Prefabs Library

  • Widgets Library
  • Widgets Composition

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
  • Styles
  • Configuration
  • Field Configuration
  • Summary Row
  • Row Expansion
  • Actions
  • Events & Methods
  • Use Cases

List

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

Form

  • Forms Overview
  • Creating a Form
  • Data Source
  • Layouts
  • Configuration
  • Fields Configuration
  • Field Validations
  • 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

  • Layout
  • Flex Layout
  • Grid Layout
  • Accordion
  • Container
  • Panel
  • Tabs
  • Tile
  • Wizard

Basic Widgets

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

Charts

  • Chart Widgets
  • Callback Event

Navigation

    Nav

    • Nav Overview
    • Creating navigation

    Nav Bar

    • Nav Bar Overview

    Breadcrumb

    • Breadcrumb Overview
    • Creating a Breadcrumb

    Dropdown Menu

    • Dropdown Menu
    • Creating a Dropdown Menu

    Popover

    • Popover Overview
    • Creating a Popover

Advanced Widgets

  • Login
  • Marquee
  • Carousel

Dialog Widgets

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

Mobile & Device Widgets

  • Camera
  • Media List
  • Segmented Control
  • Barcode Scanner

Prefabs

  • Prefabs Overview
  • Create Prefab
  • Prefab with Partials
  • Use Cases - Prefabs
  • Prefabs Directory

    • Youtube
    • Googlemaps
    • QRCode
    • Barcode Scanner Prefab
    • Box Viewer Prefab
    • Entity Extraction Prefab
    • Docusign Prefab

    OAuth

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

Cards - Templates


Cards elements can be displayed using various templates:

Profile Cards

Business Card

Business Card can be used to give the employee profile with name, designation and organization details.

Contact Card

Contact Card can be used to give the personal profile with name, address, phone number and email details.

Designation Card

Designation Card can be used to give the employee profile with name and designation details.

I Card

I Card can be used to give the personal profile with name, address, phone number and email details.

Feed Cards

Media Post

This template can be used for posting infographic. Shows Summary information with an option to Read More. For example, Technology Infographic – Infographic on Mobile Networks; Product Development Landscape; Time Line Charts; Site Maps, etc.

News Post

This template can be used for news feeds where you can post summary information and give a Link for Read More. You can have actions like share, like or call etc. Examples include Used in Social Media Apps like Twitter, Facebook; Corporate Social Networks like Yammer; Corporate News Letters

Personal Spotlight

This template can be used to highlight information about a single personality and can be used to highlight their contributions etc. For example, Sports Personalities; Politicians; Top 10 CEOs; Top Women Professionals; Top 10 Employees; University Exam Toppers, etc.

Product Cards

Product Inventory

This Card template can be used for showing product catalog in any e-commerce websites. For example, Product Catalogs, Library Catalogs, etc..

Product Overview

This card template can be used to show basic information on the card and have a link to show more information. For example, Product Overview with View Specifications by clicking on a Link; or Article Overview with View Original Article by clicking on a Link; or Feature Overview with View Feature Specifications by clicking on a link, etc.

Product Thumbnail

This Template can be used in e-commerce websites for adding to the shopping cart online; or for listing youTube Videos with Play Video Link; or for listing Albums with an option to Add to Favorites shopping list.

Last updated on 10/18/2019 by Swetha Kundaram
← Data SourceConfiguration →
  • Profile Cards
    • Business Card
    • Contact Card
    • Designation Card
    • I Card
  • Feed Cards
    • Media Post
    • News Post
    • Personal Spotlight
  • Product Cards
    • Product Inventory
    • Product Overview
    • Product Thumbnail
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2023 WaveMaker, Inc. All rights reserved.