Wpf datepicker

datepickerwpfwpftoolkit

Ok i'm trying to style the datepicker from microsoft from their wpftoolkit.dll. I have it in a grid that is disabled, unfortunately it's background color stays white(despite it being disabled) unlike the other controls that gray out.

Ok I did do this:

    <Style TargetType="{x:Type tk:DatePicker}">
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Background" Value="LightGray"/>
            </Trigger>
        </Style.Triggers>
    </Style>

But the text inside it that displays "Show Calendar" still has a white background. How do I set a style to make it look like the other controls i.e. gray out all of the background?

Best Solution

The background of the "Show Calendar" text (the part of the control that shows the currently selected date) is a "DatePickerTextBox" that's sitting inside the date picker. To set its background, use:

<Style TargetType="{x:Type tk:DatePickerTextBox}">
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Background" Value="LightGray"/>
        </Trigger>
    </Style.Triggers>
</Style>

Related Solutions

Wpf – Changing the font color on a disabled checkbox in WPF

you need a trigger

check this answer: WPF Button IsEnabled Based on ComboBox Selection Overwriting default style

this is pretty much the same way

Wpf – Toggle datepicker calendar when clicking/touching PART_Textbox

Forget about the EventTrigger because it doesn't give you enough control. Instead of using that, just add a bool IsDropDownOpen property into your view model or code behind and bind it to the DatePicker.IsDropDownOpen property. This way, you are free to open and close the Popup anytime you want and/or in response to any single, or collection of events. For example:

public void TextBoxPreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    IsDropDownOpen = true;
}

private void TextBoxPreviewTouchDown(object sender, TouchEventArgs e)
{
    IsDropDownOpen = true;
}

private void DatePickerSelectedDateChanged(object sender, SelectionChangedEventArgs e)
{
    IsDropDownOpen = false;
}

Best Solution

Related Solutions

Wpf – Changing the font color on a disabled checkbox in WPF

Wpf – Toggle datepicker calendar when clicking/touching PART_Textbox

Related Question