ToggleButton Checked Appearance

4 posts, 0 answers
  1. Jeff
    Jeff avatar
    28 posts
    Member since:
    Aug 2010

    Posted 22 Jun 2011 Link to this post

    I am using the the Windows7Theme for my application and I want to do so for RadToggleButtons too...but I need it to have a more pronounced background color when checked (like the Office Blue theme which highlights the control in yellow). What is the easiest way to accomplish this?

  2. Petar Mladenov
    Petar Mladenov avatar
    2986 posts

    Posted 27 Jun 2011 Link to this post

    Hello Jeff,

    There is no direct way to achieve this. You have to get the Windows7 Theme`s XAML code from the Themes folder in your RadControls` installation folder , modify it and use it in your application.

    Best wishes,
    Petar Mladenov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Sateesh
    Sateesh avatar
    1 posts
    Member since:
    May 2014

    Posted 10 Oct 2014 Link to this post

    Hi Admin,

    I am also facing the same issue. This question was posted on 2011.

    Is there any easy way to change the checked color to green for the toggle button in the latest release?

    Sateesh Munagala
  4. Martin Ivanov
    Martin Ivanov avatar
    1408 posts

    Posted 14 Oct 2014 Link to this post

    Hi Sateesh,

    The RadButtons suite uses VisualStates to change its appearance in the different control's states (check, normal, clicked, hovered, disabled, etc.). Those visual states are located in the ControlTemplate of the button and they cannot be modified easily. 

    As Peter mentioned, in order to modify the checked color to green you can extract the ControlTemplate of the button and modify the visual element that represents its checked background.

    I attached a sample solution that demonstrates and approach with modified template and an attached property.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top