5 Answers, 1 is accepted
0

Shinu
Top achievements
Rank 2
answered on 23 Mar 2012, 02:05 PM
Hello Shunman,
You have to set InputSize property to an integer value to increase the width of all file input elements.
aspx:
Also take a look at the following help documentation.
File Input Appearance
Thanks,
Shinu.
You have to set InputSize property to an integer value to increase the width of all file input elements.
aspx:
<
telerik:RadUpload
ID
=
"Radupload1"
Width
=
"100%"
runat
=
"server"
EnableFileInputSkinning
=
"true"
InputSize
=
"100"
>
</
telerik:RadUpload
>
File Input Appearance
Thanks,
Shinu.
0

shunman
Top achievements
Rank 1
answered on 26 Mar 2012, 12:53 AM
Hi Shinu. thanks you for answering.
I had tried following your answer. It had static width.
I would like make width dynamically along the Browser width.
There is a way for solution?
Thanks.
I had tried following your answer. It had static width.
I would like make width dynamically along the Browser width.
There is a way for solution?
Thanks.
0
Hello Shunman,
Plamen Zdravkov
the Telerik team
Unfortunately such behavior is not supported by RadUpload.
Please excuse us for this limitation of our control.
Plamen Zdravkov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Erik
Top achievements
Rank 1
answered on 02 Jun 2014, 01:48 PM
I have the same problem.
Is there already a solution / workaround for this issue?
Is there already a solution / workaround for this issue?
0
Hi Erik,
The properties Width and Height work in most cases only for pixels unit. If you would like to make the RadUpload fluid (expanded to its parent) you can apply the following code:
CSS
JavaScript
You can find a sample project in the attachment.
Regards,
Magdalena
Telerik
The properties Width and Height work in most cases only for pixels unit. If you would like to make the RadUpload fluid (expanded to its parent) you can apply the following code:
CSS
html .RadAsyncUpload {
width
:
100%
;
}
html .RadAsyncUpload .ruFileWrap {
display
:
block
;
}
.ruFakeInput {
display
: inline-
block
;
}
JavaScript
var
$ = $telerik.$;
function
pageLoad() {
var
maxWidth = $(
".ruFileWrap "
).innerWidth(),
buttonWidth = $(
".ruButton "
).outerWidth(
true
),
inputWidth = maxWidth - buttonWidth;
$(
".ruFakeInput"
).outerWidth(inputWidth);
}
You can find a sample project in the attachment.
Regards,
Magdalena
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.