Longer "on" and "off" labels

[Labhesh]

Hi, seems like the switch cuts down display of labels to about three characters or so. 

Is there a way to resize the switch to hold more than three characters on either side of the display? I tried playing around with the css components, but it ends up messing up the switch layout.

Also, both on and off labels get capitalized automatically, I'd like them retain their original format

 

Here's the code I am using

 

$("#switch").kendoMobileSwitch({<br>                                            onLabel: "My On Label",<br>                                            offLabel: "My Off Label",<br>                                            change: onChange<br>                                        });

 

 

<p><div></p><p>       <input id="switch" checked="checked"/><br></div></p>

 

Thanks,

Labhesh

[Ivan Danchev]

Hi Labhesh,

Here's a dojo example, which shows how the Switch can be customized through CSS, in order to increase its width, display the specified labels and change the default text-transform value so that the label text is not displayed in uppercase.

Regards,
Ivan Danchev
Progress Telerik