Home / Community & Support / Developer Productivity Tools Forums / Silverlight > DatePicker > Remove MouseOver Color in RadDatePicker

• Balaji

  Posted on May 20, 2011 (permalink)

  Hi,
  I am using RadDatePicker i need to remove the mouseover (orange) into  green color.
  Pls help me
  
  
  
  Thanks in ADVANCE
  
  
  regards
  Balaji
  

  Attached files

  • png1.png

  Reply

• Konstantina Konstantina

  Posted on May 24, 2011 (permalink)

  Hello Balaji,
  
  Thank you for the screenshot.
  
  You can do this very easily in Expression Blend. Just drop a DatePicker control into the design surface, right-click it and choose from the menu Edit Additional Templates->Edit CalendarStyle ->Edit a Copy. Then go to Object-> Edit Additional Styles -> Edit CalendarStyle. Then again Object-> Edit Additional Styles -> Edit DayButtonStyle -> Edit a Copy. Blend will generate all the needed resources, so you will be able to customize the button to fit your requirements.
  You might also need to edit the SelectionChrome element, which is represented from a ButtonChrome control. How to edit the ButtonChrome control you can find more information in this KB article. The link is for WPF, but the same logic applies and instead of Triggers we use VisualStates in Silverlight.
  
  Hope this information is helpful.
  
  Kind regards,
  Konstantina
  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

  Reply

• Balaji

  Posted on May 27, 2011 (permalink)

  Hi,
  
  thanks for reply
  
  Actually my problem is on MouseOver the  IsNotFromCurrentView Dates are retains its mouseover color .After mouseout that still retains in that particular dates.But for other dates working prefectly .I need to remove that color.I have attached  screenshot also.
  pls help me..
  
  
  
  
  Regards
  Balaji

  Attached files

  • MouseOverOn-IsNotFromCurrentViewDates-Are-not-removed.png

  Reply

• Konstantina Konstantina

  Posted on Jun 1, 2011 (permalink)

  Hello Balaji,
  
  Thank you for the screenshot.
  
  I am afraid I cannot understand you completely. Whichever color you need to change you will have to edit the VisualStates of the ButtonChrome. Could you please be more specific what exactly are you trying to achieve. If you send us some more details it will be very helpful.
  
  Looking forward to your reply.
  
  Regards,
  Konstantina
  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

  Reply

• Kenya

  Posted on Nov 29, 2011 (permalink)

  Hi I am trying to do the same thing. My hierarchy seems to be different. I'm using Blend 4. I can get to ButtonChrome easily. Any suggestions? Thanks.

  Reply

• Balaji

  Posted on Nov 29, 2011 (permalink)

  hi,
  
  Edit the butttom chrome template Then you will get this
  
  <Style x:Key="ButtonChrome" TargetType="Telerik_Windows_Controls_Chromes:ButtonChrome">
          <Setter Property="BorderThickness" Value="0"/>
          <Setter Property="BorderBrush" Value="{StaticResource HeaderButtonOuterBorder_Normal}"/>
          <Setter Property="Background" Value="{StaticResource HeaderButtonBackground_Normal}"/>
          <Setter Property="CornerRadius" Value="{StaticResource SplitButton_SpanCornerRadius_Cal}"/>
          <Setter Property="Template">
              <Setter.Value>
                  <ControlTemplate TargetType="Telerik_Windows_Controls_Chromes:ButtonChrome">
                      <Grid>
                          <VisualStateManager.VisualStateGroups>
                              <VisualStateGroup x:Name="CommonStates">
                                  <VisualState x:Name="Normal"/>
                                  <VisualState x:Name="MouseOver">
                                      <Storyboard>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="OuterBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonOuterBorder_MouseOver}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonInnerBorder_MouseOver}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="OuterBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonBackground_MouseOver}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                      </Storyboard>
                                  </VisualState>
                                  <VisualState x:Name="Pressed">
                                      <Storyboard>
  
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="OuterBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonOuterBorder_Pressed}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonInnerBorder_Pressed}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="OuterBorder">
                                              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonBackground_Pressed}"/>
                                          </ObjectAnimationUsingKeyFrames>
                                      </Storyboard>
                                  </VisualState>
                              </VisualStateGroup>
                          </VisualStateManager.VisualStateGroups>
                          <Border x:Name="OuterBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}">
                              <Border x:Name="InnerBorder" BorderBrush="{StaticResource HeaderButtonInnerBorder_Normal}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding InnerCornerRadius}"/>
                          </Border>
                      </Grid>
                  </ControlTemplate>
              </Setter.Value>
          </Setter>
      </Style>
  
  
  In the <VisualState x:Name="MouseOver">,you can apply the color u like..

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Silverlight > DatePicker > Remove MouseOver Color in RadDatePicker