Date Picker arrow

[Lars]

Hello,

is there any possibility to remove the arrow button on the right-handed side of the date- and time-pickers for Windows 8 Xaml? Or at least to change its background image?

Thanks for helping me :)

[Ivaylo Gergov]

Hello, Lars

Thank you for using RadControls for Windows 8!

In order to remove or edit this arrow you can override the control template. The target type is DateTimePickerButton and it is in the Telerik.UI.Xaml.Controls.Input.DateTimePickers namespace. I have prepared you a sample project where I have removed the arrow. Please find the attached file. The template of this part of the control is the TextBlock in the bottom of the Template with x:Name="DropDownGlyph". You can remove the text or style it according to your preferences.     

I hope this helps. Let me know if I can assist you in some other way.

Greetings,
Ivaylo Gergov
the Telerik team

[Lars]

This solution works great, thanks a lot!

[Simon]

Is there anyway this can be done in c# codebehind?  Based on current state I need to make the datepicker readonly and hide the arrow, and then show again when its not readonly.

Thanks
Simon

[Simon]

Is there anyway this can be done in c# codebehind?  Based on current state I need to make the datepicker readonly and hide the arrow, and then show again when its not readonly.

Thanks
Simon

[Rosy Topchiyska]

Hi Simon,

I have prepared two sample projects that demonstrate how you can control the text of the DropDownGlyph depending on the IsEnabled property of the picker:

• Via bindings to a view model
• Via binding directly to the IsEnabled property of the picker using a value converter

Is there another reason to set the style in code behind? If yes, we will think of a way to do it.

I hope this was useful and I look forward to your reply.


Regards,
Rositsa Topchiyska
Telerik

[Simon]

Yes, unfortunately I do need to do this in code behind.  The reasoning is that our form fields are all built out dynamically from configuration that is read at runtime so the datepicker controls are generated on the fly at runtime.

Can you help me figure out how I can hide this arrow in code behind?

[Ivaylo Gergov]

Hello Simon,

In this case I can suggest that you create a UserControl that is represented by a RadDatePicker and use the given example that hides/shows the arrow depending on the RadDatePicker.IsEnabled value. For your convenience, I have attached a project that matches this scenario.

Let me know if this works for you.

Regards,
Ivaylo Gergov
Telerik

[Simon]

Unfortunately this solution won't work for my situation very well as we already have a custom control in which all form controls are rendered from on the fly.  Also, I don't like the idea of implementing a customized telerik control since this may make upgrades more difficult.  Is there anyway using codebehind or styles to just hide the arrow or changes its color?

Thanks again,
Simon

[Rosy Topchiyska]

Hi Simon,

I have attached a sample project that demonstrates how to do that. In the Assets folder I have added a ResourceDictionary where are defined all resources you need for the style. The BuildAction of the file is set to Content. Then in the LoadXaml method in the MainPage class the file is read, parsed  and the content is added to the Resources of the picker.

I hope this helps. Let me know if I can assist you in some other way.

Regards,
Rositsa Topchiyska
Telerik