Kendo UI for jQuery

jQuery Card

  • Group information and related actions in a modern card format. Supports multi-media, drag-and-drop, and more.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
  • Overview

    The jQuery Card is a common layout element in modern web applications. It groups together content and actions about a single subject in a visually pleasing container. The Card can stand alone, but really shines when combined with components such as the jQuery ListView or TaskBoard to display a collection of cards. Each Card comes with content, title and subtitle, action button areas, images and footers.

    See the jQuery Card demo

  • Orientation

    Each jQuery Card is made of building blocks such as image and text. You can choose to direct the component to lay these out either horizontally or vertically.

    See the jQuery Card Orientation demo

  • Action Buttons

    Each jQuery Card has an area reserve for buttons related to the content. These can execute any action you need. For example, you can add like, comment, and share buttons. Or save and edit buttons. Furthermore, the style and content of these buttons can be virtually anything.

    See the jQuery Card Action Buttons demo

  • Card Types

    To make development even faster and help you create familiar-looking web pages, the jQuery Card component includes various built-in card types. These include “warning”, “error”, and sever more. You can also use templates to create your own.

    See the jQuery Card Types demo

  • Layouts

    When displaying multiple jQuery Card components, there are several built-in layouts to help display cards in various ways, including building a list from top to bottom as well as rendering the cards side-by-side.

    See the jQuery Card Layout demo

  • Media

    The jQuery Card component can display virtually anything. Augment your text witch media such as text and video.

    See the jQuery Card Media demo

  • Drag and Drop

    The jQuery Card component isn’t just a static list of items, you can allow your users to arrange cards in a container or move between containers using drag and drop.

    See the jQuery Card Drag and Drop demo

  • Globalization

    The jQuery Card supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery Card RTL demo


All Kendo UI for jQuery Components

Next Steps

Next Steps