Theme
An object that defines the look and feel of Widgets and Chat in the Engagement SDK
You can use the presets or build your own to match your application’s style.
-
Changes the properties of widgets
-
Changes the body color of Widgets
-
Changes the corner radius of Widgets
-
Changes the primary font color of Widgets
-
Changes the secondary font color of Widgets
-
Changes the tertiary font color of Widgets
-
Changes the primary line spacing distance in points between the bottom of one line fragment and the top of the next.
-
Changes the secondary line spacing distance in points between the bottom of one line fragment and the top of the next.
-
Changes the tertiary line spacing distance in points between the bottom of one line fragment and the top of the next.
-
Changes the primary font used by Widgets and Chat
-
Changes the secondary font used by Widgets and Chat
-
Changes the tertiary font used by Widgets and Chat
-
Changes the body color of Chat
-
Changes the corner radius of Chat Input
-
Changes the leading space of chat to the parent view
-
Changes the trailing space of chat to the parent view
-
Changes the usernames of other users on Chat messages
-
Set username font in a Chat Cell
-
Set username font in a Chat Cell to be uppercased
-
Changes the username of the local user’s Chat messages
-
Changes the text color of Chat messages
-
Changes the text color of links/URLs in Chat messages
-
Changes the font of Chat messages
-
Changes the background color of Chat bubble
-
Changes the background color of the Chat bubble when selected
-
Changes the padding of the message within the Chat bubble
-
Changes the margin of the Chat bubble within the Chat body
-
Changes the margins of the chat message body
-
Changes the chat message width to dynamic or full width
-
Changes the chat message corner radius
-
Changes the Text Color of the Username in a Quote Message
-
Changes the Text Font of the Username in a Quote Message
-
Boolean to detect if the username of the quote message should be uppercased
-
Changes the Text Color of the message text in a Quote Message
-
Changes the Text Color of the Link detected in a Quote Message
-
Changes the Text Font of the Message Text in a Quote Message
-
Changes the Background Color of the Message Text in a Quote Message
-
Changes the vertical position of Reactions for each message
-
Changes the vertical position of the Reactions for each message
-
Set the space between message reaction icons
-
Set the leading space for message reaction count label
-
Set the message reactions count font
-
Changes the horizontal position of the Reactions panel for each message
-
Changes the horizontal offset of the Reactions panel for each message
-
Changes the vertical offset of the Reactions panel for each message
-
Set vertical alignment of reactions pop up
-
Changes the corner radius of the Reactions popup for each message
-
Changes the background color of the reaction popup
-
Changes the color of a selected reaction
-
Changes the image used as a chat reaction hint
-
Set reactions pop up count font
-
Changes the size of the top chat cell border
-
Changes the color of the top chat cell border
-
Changes the size of the bottom chat cell border
-
Changes the color of the bottom chat cell border
-
Chat cell image width
-
Chat cell image height
-
Vertical alignment of the chat cell image
-
Chat cell image corner radius
-
Spacing between the cell image and the chat cell content on the right
-
Changes the color of the Chat input field placeholder text
-
Changes the color of the Chat input field text
-
Changes the border color of the Chat input field
-
Changes the background color of the Chat input field
-
Changes the border width of the Chat input field
-
Changes the left and right insets of the Chat input field
-
Changes the tint of the send button on the right hand side of chat input field
-
Override the send button image for chat. The optimal dimensions are 40x40
-
Changes the primary color of Chat icons
-
Changes the secondary color of Chat icons
-
Changes the font of the chat message timestamp label
-
Changes the text color of the chat message timestamp label
-
Changes the distance between the chat message and the timestamp
-
Set chat message time stamp uppercased
-
Changes the color of the loading indicator for chat.
-
Changes the primary color of the sticker keyboard
-
Changes the secondary color of the sticker keyboard
-
Change the chat sticker keyboard icon in
.normal
state -
Changes the tint color of the sticker keyboard icon in
.normal
state -
Change the chat sticker keyboard icon in
.selected
state -
Changes the tint color of the sticker keyboard icon in
.selected
state
-
Changes the horizontal alignment of the
Snap To Live
button -
Add a horizontal offset to the
Snap To Live
button -
Add a vertical offset to the
Snap To Live
button
-
Changes whether widget titles should be uppercased
-
Changes whether widget option text should be uppercased
-
Changes the properties of the cheer meter widget
-
Changes the border width of a selected option
-
Changes the border width of an unselected option
-
Changes the text color of a selected option
-
Changes the spacing between each option
-
Changes the spacing between the title and body panels
-
Changes the corner radius of a widget option when unselected
-
-
Changes the font for the
Sponsored by
copy -
Changes the font color for the
Sponsored by
copy -
Changes the background color for sponsored section of the widget
-
Changes the margins of the widget tag label on Poll, Quiz, Predictions, and Follow Ups
-
Changes the font of the widget tag label on Poll, Quiz, Predictions, and Follow Ups
-
Changes the text color of the widget tag label on Poll, Quiz, Predictions, and Follow Ups
-
Changes the color of the Gamification Popup Headline
-
Changes the font of the Gamification Popup Headline
-
Changes the color of the Gamification Popup Message
-
Changes the font of the Gamification Popup Message
-
Changes the color of the Gamification Popup Action Button
-
Changes the color of the Gamification Popup Action Button Title
-
Changes the color of the Rank background
-
Changes the color of the Rank Text Color
-
Changes the font of the Rank Text
-
Collection of theme properties for chat reactions
-
Set a custom view to be shown when a chat room has 0 messages. The constraints on this view will fill the container width and height. The view will be hidden when the first message is received in the chat room.
-
Changes the filepath pointing to the lottie animation for different scenarios
-
Defaults
-
Creates a
Theme
from a theme json
-
Customizable properties of the Text Ask Widget
See more
-
Customizable properties of the Number Prediction Widget
See more
-
A Theme preset that works well as an overlay over video
-
A Theme preset that resembles an applications ‘Dark Mode’. This is the default theme.
-
Customizable properties of the Alert Widget
See more
-
-
-
-
-
Theme options for submit buttons on Widgets
See more
-
Customizable properties of the Social Embed Widget
See more
-
Customizable properties of the Alert Widget
See more