CssClass selected SplitButton button

[henk]

I use a sprite for my toolbar button images. I use the CssClass property of the buttons to specify the correct image. I get the following problem, when a splitbutton child button is selected, then the CssClass of the SplitButton is not replaced by the CssClass of the selected child button.

C# Example:

button0.CssClass = "vf vf0"

button1.CssClass = "vf vf1"
button2.CssClass = "vf vf2"
button3.CssClass = "vf vf3"
...

CSS Example:

 

.vf

 

.rtbIcon

 

 

 

 

{

 

height: 32px;

 

 

width: 32px;

 

 

background-image: url(sprite.png)
background-repeat: no-repeat;

 

}

 

 

.vf0

 

.rtbIcon { background-position : 0 0px; }

 

 

 

.vf1

 

.rtbIcon { background-position : 0 -32px; }

 

 

 

.vf2

 

.rtbIcon { background-position : 0 -64px; }

 

 

 

.vf3

 

.rtbIcon { background-position : 0 -96px; }

 

 

 

[Yana]

Hi Henk,

I suggest you subscribe to OnClientButtonClicked event and in its handler:

<script type="text/javascript">
    function buttonClicked(sender, args)
    {
        args.get_item().get_parent().get_element().childNodes[0].className = args.get_item().get_element().childNodes[0].className;
    }
</script>

Greetings,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.