RadListPicker disabled style

I'd like to control the foreground and background colors for a disabled RadListPicker.  Looking at the style generated by Blend it's not clear.  Any guidance would be appreciated.

Hi Bill,

Please take a look at the attachment. To achieve your scenario, you'll have to edit the Disabled state of RadListPicker. 

Regards,
Kiril Stanoev
Telerik

Kiril,

 

Thanks for your response.  This example demonstrates how to toggle the Enabled/Disabled states from a button.  It also provides a hint as to where one would code state-specific styling.  To your sample, in the indicated section, I added the following:

 

These seem to have no effect on appearance of the RadListPicker.  Would you have time to flesh-out your example in a way that would show specified foreground and background colors applied for the Disabled state?

 

Thanks,

BillVo

Hi Bill,

Please take a look at the attached file and examine the ItemStyle style setter. The result from the attached code should be something like this: http://screencast.com/t/JybYA2FdKr0
 
Let me know if this works for you.

Regards,
Kiril Stanoev
Telerik

Kiril,

Kudos!  What you've produced works beautifully. 

My next question is, "How?"  Is there some resource Telerik customers would use to produce the "ItemStyle" property setter that you've added to the ListPickerStyle--at least in the control's default form with gray disabled text instead of the gold on green scheme?

• Is there a feature in Blend or Visual Studio that outputs this? 
• Are there some files installed with the control suite? 
• Is this included in documentation on the public website?
• Is it contained in unpublished Telerik documentation?
• Or did you have to build this from scratch based on your own XAML knowledge?

I'm hoping that as I explore more Telerik XAML controls it will be easy for me to achieve similar results without taking up your time.

Thanks,
BillVo

Hello Bill,

Thanks for writing back.

You can extract the styles for all controls in the Visual Studio or Expression Blend designer by right-clicking on the control and choosing the Edit Template/ Edit Item Style options.

I hope this helps.

Regards,
Deyan
Telerik

<VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="border">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0.5"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Background" Storyboard.TargetName="border">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="border">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Gray"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>

 

Disabled storyboard just not working. How to fix it?