Edit this page

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

note

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

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy