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.
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:
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.
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:
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.
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.
As is common for most Telerik components, the RadCard has built-in support for RTL text.