Components

Buttons
Charts
Conversational UI
Data Query
Date Inputs
Date Math
Dialogs
Drawing
Dropdowns
Editor
Excel Export
File Saver
Gauges
Grid
Icons
Indicators
Inputs
Labels
Layout

Avatar
Card

Getting Started

Building Blocks

ListView
Menus
Navigation
Notification
Pager
PDF Export
Popup
ProgressBars
Ripple
Scheduler
ScrollView
Sortable
ToolBar
Tooltip
TreeList
TreeView
Uploads

Styling & Themes

Common Features

Advanced Setup

Sample Applications

Virtual Classroom

Troubleshooting

Components / Layout / Card / Custom Layout /

Custom Layout

The Card allows you to arrange custom layouts of its content by using predefined css classes.

The following example demonstrates the usage of the given classes:

k-hbox—Allows elements positioning in a horizontal flex container element.
k-vbox—Allows elements positioning in a vertical flex container element.

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

API Reference of the Card

Getting Started