RadListPicker disabled style

[BillVo]

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.

[Kiril Stanoev]

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

[BillVo]

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:

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PopupModeLabel" Storyboard.TargetProperty="Foreground" Duration="0">

    <DiscreteObjectKeyFrame Value="Green" KeyTime="0" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PopupModeLabel" Storyboard.TargetProperty="Background" Duration="0">

    <DiscreteObjectKeyFrame Value="Gold" KeyTime="0" />

</ObjectAnimationUsingKeyFrames>

 

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

[Kiril Stanoev]

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

[BillVo]

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

[Deyan]

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

[OTMOP]

[quote]<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>[/quote]

 

Disabled storyboard just not working. How to fix it?