default

Progress Telerik UI for ASP.NET AJAX

Card

  • Overview

    The Telerik UI for ASP.NET AJAX RadCard is a control designed to help users organize content when building catalogues, dashboards, blogs, e-shops, etc. It quickly grabs the user’s attention with its clean layout, consisting of a title, usually an image, some text as the body and perhaps a footer. Use Cards to create sleek UIs that effortlessly guide the user to the options they are interested in.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Card Subcomponents

    The building blocks of the of RadCard component (its subcomponents) can be customized to the level of choosing which subcomponent you want to be displayed. This is the full list of subcomponents which you can opt to use:

    • Header, Title and Subtitle
    • Body
    • Footer
    • Actions, Media and Separators


  • Styles

    Through the predefined states of the RadCard, you can change its visual appearance. Turn your card into a message box by applying one of the available styles: Primary, ‘Info, Success, Warning’or Error.

  • Content and Customization

    Place any type of HTML content or other Telerik UI for AJAX control in the RadCard’s body: plain text, links, buttons, images, video, etc. You are able to fully customize the layout of the body and configure how the header and actions operate. Achieving the configuration that matches your requirements is a matter of minutes.

    Arranging cards in groups is a frequently used pattern so we also provide you with several CSS classes that help you easily organize the cards in various patterns:

    • Deck of Cards (.k-card-deck class) renders a single row of cards, detached from one another
    • Group of Cards (.k-card-group class) renders a single row of cards, attached to one another
    • List of Cards (.k-card-list class) renders a column of cards, detached from one another
    • Custom Layout (.k-vbox, .k-hbox, .k-column) renders a flex layout
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Orientation

    The content of the card can be oriented vertically and horizontally and actions can be centered, stretched, aligned to the start or to the end or none.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Multiple Skins

    The RadCard component comes with 20+ out-of-the-box skins that serve common scenarios like Material and Bootstrap. Further customization of the built-in themes with pure CSS3 helps you match the card’s style to the app’s.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Right-To-Left Support

    As is common for most Telerik components, the RadCard has built-in support for RTL text.

Next Steps

Launch demos

See the UI for ASP.NET AJAX in action and check how much it can do out-of-the-box.

See pricing

Check out the offers. Purchase an individual suite or treat yourself to one of our bundles.

Download 30-day free trial

Try UI for ASP.NET AJAX with dedicated technical support.