I have been trying to increase the width of the localised "Select" buttin on the RadUpload control. I would like to show the text as "Please select your file to upload". I have tried creating a cutom skin but have had no luck finding what part of the css to alter to achieve this. Altering width as follows doesn't work:
.RadUpload_MySkin
.ruButton,
.RadUploadProgressArea_MySkin
.ruButton
{
background-image: url('Upload/ruSprite.png');
color: orange;
border:solid 1px green;
width:200px;
}
Also as the background image is a "sprite" image will that be an issue?
All help would be much appreciated.
Thanks
1 Answer, 1 is accepted
0
Hi Ken,
The width of the button is indeed dependent on the sprite. On the left are the normal states of the button and on the right are the hovers. You can use an image editing program to alter the sprite to achieve the needed width. You must also modify the background positions in the CSS file after that.
If you have problems with this task, you can open a ticket and send us your custom skin and we will modify it accordingly. A screenshot or a mockup of your RadUpload intended look will be helpful too.
Best wishes,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
The width of the button is indeed dependent on the sprite. On the left are the normal states of the button and on the right are the hovers. You can use an image editing program to alter the sprite to achieve the needed width. You must also modify the background positions in the CSS file after that.
If you have problems with this task, you can open a ticket and send us your custom skin and we will modify it accordingly. A screenshot or a mockup of your RadUpload intended look will be helpful too.
Best wishes,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.