Change the color of the selected item

2 posts, 0 answers
  1. Sam
    Sam avatar
    10 posts
    Member since:
    Dec 2013

    Posted 28 Apr 2016 Link to this post



    I am using Telerik ScheduleView in my projet.

    We developped a planning in order to assign responsible any time.

    We would like to update the orange color of the selected item (see screenshot1) and set something like in demo (transparent grey ==> Screenshot2).

    How can we perform that ?


    Thanks for your feedback


  2. Masha
    Masha avatar
    355 posts

    Posted 03 May 2016 Link to this post

    Hello Sam,

    The gray effect comes from the Border named SelectionVisual inside AppointmentItemHorizontalControlTemplate and AppointmentItemVerticalControlTemplate for Windows8 theme. It looks like:
    <Border x:Name="SelectionVisual" Visibility="Collapsed" Background="{telerik:Windows8Resource ResourceKey=StrongBrush}" Opacity="0.3"/>

    And when the appointment is selected you need to change through visual state the visibility to be "Visible".
    <VisualStateGroup x:Name="SelectionStates">
                       <VisualState x:Name="Unselected"/>
                       <VisualState x:Name="Selected">
                               <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="SelectionVisual" Storyboard.TargetProperty="Visibility">
                                   <DiscreteObjectKeyFrame KeyTime="0:0:0">

    I hope this helps.

    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Back to Top