Content Cards Customization

Braze UI elements come with a default look and feel that matches the composers within the Braze Dashboard and aims for consistency with other Braze mobile platforms. Braze’s default styles are defined in CSS within the Braze SDK.

By overriding selected styles in your application, it is possible to customize our standard feed with your own background images, font families, styles, sizes, animations, and more. For instance, the following is an example override that will cause Content Cards to appear 800px wide:

body .ab-feed {
  width: 800px;

Other Methods to Note

Method Description Link
showContentCards Display the user’s Content Cards. JS Docs for showContentCards
hideContentCards Hide any Braze content cards currently showing. JS Docs for hideContentCards
toggleContentCards Display the user’s content cards. JS Docs for toggleContentCards
getCachedContentCards() Get all currently available cards from the last content cards refresh. JS Docs for getCachedContentCards
subscribeToContentCardsUpdates(subscriber) Subscribe to content cards updates.
The subscriber callback will be called whenever content cards are updated.
JS Docs for subscribeToContentCardsUpdates
dismissCard() Dismiss the card programmatically (available in v2.4.1). JS Docs for dismissCard
New Stuff!