This question is locked. New answers and comments are not allowed.
Seetharamaraju
Top achievements
Rank 1
Rank 1
Seetharamaraju
asked on 20 Feb 2013, 07:00 AM
Hi i am developing an windows phone 8 app , in whcih i am making use of the telerik rad controls for windows phone 8 as part of it i am using DatePicker control provided by telerik in my windows phone 8 app.
My doubt is :-
1) I want to change the foreground color of the date to black / any color ?
My doubt is :-
1) I want to change the foreground color of the date to black / any color ?
i tried setting in this way :-
<telerikcontrols:RadDatePicker Foreground="Black"
x:Name="DatePicker1" PopupClosed="DatePicker1_PopupClosed_1"
PopupOpened="DatePicker1_PopupOpened_1" Margin="141,254,139,-247"
Height="83" Width="162" />
but it didnt work , how can i set the foreground colour .
note :- i am having an image as background to that entire screen , thats not creating the prolem right ??
please let me know .
looking forward for your reply .
thanks in advance.
1 Answer, 1 is accepted
0
Hi Seetharamaraju,
The RadDatePicker's colors are harcoded in its template so that the native Windows Phone experience is preserved. If you want to change the foreground, you can edit the default style for the PickerBoxToggleButton that we use and add the values that suit you. Here's the default style (the colors for the background and foreground are highlighted):
Please note that you need to add the following prefix mappings:
Then you can set the modified style as PickerButtonStyle to the control:
I hope this information helps.
All the best,
Todor
the Telerik team
The RadDatePicker's colors are harcoded in its template so that the native Windows Phone experience is preserved. If you want to change the foreground, you can edit the default style for the PickerBoxToggleButton that we use and add the values that suit you. Here's the default style (the colors for the background and foreground are highlighted):
<UserControl.Resources> <Style TargetType="telerikPickerBox:PickerBoxToggleButton" x:Key="pickerButtonStyle"> <Setter Property="telerikCore:InteractionEffectManager.IsInteractionEnabled" Value="True"/> <Setter Property="Padding" Value="8, 8, 8, 7"/> <Setter Property="BorderThickness" Value="3"/> <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/> <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="telerikPickerBox:PickerBoxToggleButton"> <Grid Background="Transparent" > <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledBackground" Storyboard.TargetProperty="Background"> <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledBackground" Storyboard.TargetProperty="BorderBrush"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledContent" Storyboard.TargetProperty="Foreground"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledBackground" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledBackground" Storyboard.TargetProperty="Visibility"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledBackground" Storyboard.TargetProperty="Background"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledBackground" Storyboard.TargetProperty="BorderBrush"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetName="EnabledContent" Storyboard.TargetProperty="Foreground"> <DiscreteObjectKeyFrame KeyTime="0" Value="White"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="CheckStates"> <VisualState x:Name="Unchecked" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border x:Name="EnabledBackground" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Margin="{StaticResource PhoneTouchTargetOverhang}"> <ContentControl x:Name="EnabledContent" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/> </Border> <Border x:Name="DisabledBackground" IsHitTestVisible="False" Background="Transparent" BorderBrush="{StaticResource PhoneDisabledBrush}" BorderThickness="{TemplateBinding BorderThickness}" Margin="{StaticResource PhoneTouchTargetOverhang}" Visibility="Collapsed"> <ContentControl x:Name="DisabledContent" Foreground="{StaticResource PhoneDisabledBrush}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style></UserControl.Resources>Please note that you need to add the following prefix mappings:
xmlns:telerikCore="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Core"xmlns:telerikPickerBox="clr-namespace:Telerik.Windows.Controls.PickerBox;assembly=Telerik.Windows.Controls.Primitives"Then you can set the modified style as PickerButtonStyle to the control:
<telerikInput:RadDatePicker PickerButtonStyle="{StaticResource pickerButtonStyle}"/>I hope this information helps.
All the best,
Todor
the Telerik team
Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.