This is a migrated thread and some comments may be shown as answers.

How do I stylize the Upload control?

2 Answers 67 Views
Upload
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Evan Stineman
Top achievements
Rank 1
Evan Stineman asked on 20 Jun 2011, 02:24 PM
Even the demo provided on this site does not stylize the upload control.

http://demos.telerik.com/aspnet-mvc/upload?theme=vista

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 20 Jun 2011, 03:40 PM
Hello Evan,

File input elements cannot be styled. What we do in our Upload component is to hide the real file input with an opacity:0 style and place it over some other HTML markup, which can be styled in a random fashion. You should be seeing a styled "Select" button in all of our demos. If you want to customize the appearance of the Upload component, you should style the alternative markup that is positioned behind the file input element.

<div class="t-widget t-upload">
       <div class="t-button t-upload-button">
               <span>Select...</span>
               <input type="file" name="attachments" id="attachments">
       </div>
</div>

All the best,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Evan Stineman
Top achievements
Rank 1
answered on 21 Jun 2011, 02:18 PM
Thanks.  I believe that will get me what I need.
Tags
Upload
Asked by
Evan Stineman
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Evan Stineman
Top achievements
Rank 1
Share this question
or