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:
1
2
3
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 |