Themes

This help article will demonstrate a step by step tutorial how to customize the Metro theme for RadChat

  1. Open Visual Style Builder
  2. Export the built-in themes in a specific folder by selecting File >> Export Built-in Themes.
  3. Load a desired theme from the just exported files by selecting File >> Open Package.
  4. Expand RadChat and select the ChatMessageBubbleElement. chat-themes 001

  5. For the IsOwnMessage element state, open the Edit Repository Item dialog and change the BackColor: chat-themes 002

  6. Expand the RadTextBoxElement and select the ChatShowToolbarElement. chat-themes 003

  7. For the default and MouseOver element states, open the Edit Repository Item dialog and change the ForeColor: chat-themes 004

  8. Select the ChatSendButtonElement. chat-themes 005

  9. For the default and MouseOver element states, open the Edit Repository Item dialog and change the Image: chat-themes 006

  10. The bellow image shows the result. chat-themes 007

The following article shows how you can use the new theme: Using Custom Themes.

See Also

In this article
Not finding the help you need? Improve this article