Hi,
I have a RadAsyncUpload control on my page in <td> tag of HTML table. Unfortunately, Its width fall outside the HTML table.
I have other elements in the other <td> tag but those elements can not be click as RadAsyncUpload control overlaps the other elements.
How can I control the width of RadAsyncUpload control ?
In the given code demo, If you try clicking Upload button You will still get a file dialogue opened to select file.
Please also note that, the textbox for the description read only. When I replaced RadAsyncUpload control with RadUpload I can enter text in textbox, means It becomes editable.
Here is a HTML:
Thanks
Tejas
I have a RadAsyncUpload control on my page in <td> tag of HTML table. Unfortunately, Its width fall outside the HTML table.
I have other elements in the other <td> tag but those elements can not be click as RadAsyncUpload control overlaps the other elements.
How can I control the width of RadAsyncUpload control ?
In the given code demo, If you try clicking Upload button You will still get a file dialogue opened to select file.
Please also note that, the textbox for the description read only. When I replaced RadAsyncUpload control with RadUpload I can enter text in textbox, means It becomes editable.
Here is a HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="TestRadAsyncUpload_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
style
type
=
"text/css"
>
.ruBrowse
{
background-position: 0 -46px !important;
width: 122px !important;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxPanel
ID
=
"ajaxPanel"
runat
=
"server"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
table
width
=
"70%"
cellpadding
=
"0"
cellspacing
=
"0"
border
=
"1"
>
<
tr
>
<
td
style
=
"width: 30%"
>
Select Files :
</
td
>
<
td
style
=
"width: 30%; "
>
<%--<
telerik:RadAsyncUpload
ID
=
"uploadRefAndInstrucs"
AllowedFileExtensions
=
"doc,docx,xls,xlsx,pdf,zip,rar,tar,gz"
runat
=
"server"
>
</
telerik:RadAsyncUpload
>--%>
At least one file muct be selected<
br
/> <
br
/>
<
telerik:RadAsyncUpload
ID
=
"uploadRefAndInstrucs"
runat
=
"server"
Width
=
"190px"
CssClass
=
"ruBrowse"
>
</
telerik:RadAsyncUpload
>
<%-- <
telerik:RadUpload
ID
=
"uploadRefAndInstrucs"
runat
=
"server"
>
</
telerik:RadUpload
>--%>
</
td
>
<
td
style
=
"width: 40%"
>
</
td
>
<
td
style
=
"width: 30%"
>
Select Files :
</
td
>
<
td
valign
=
"top"
style
=
"width: 30%; "
>
<%--<
telerik:RadAsyncUpload
ID
=
"uploadRefAndInstrucs"
AllowedFileExtensions
=
"doc,docx,xls,xlsx,pdf,zip,rar,tar,gz"
runat
=
"server"
>
</
telerik:RadAsyncUpload
>--%>
<
telerik:RadAsyncUpload
ID
=
"RadAsyncUpload1"
runat
=
"server"
Width
=
"190px"
CssClass
=
"ruBrowse"
>
</
telerik:RadAsyncUpload
>
<
asp:Button
ID
=
"btnUpload"
runat
=
"server"
CausesValidation
=
"false"
Text
=
"Upload"
OnClick
=
"btnUploadAnotherLanguage_Click"
/>
<%-- <
telerik:RadUpload
ID
=
"uploadRefAndInstrucs"
runat
=
"server"
>
</
telerik:RadUpload
>--%>
</
td
>
<
td
style
=
"width: 40%"
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"width: 30%"
>
<
asp:Label
runat
=
"server"
ID
=
"lblContentSource"
Text
=
"Content Source Language *"
Width
=
"100%"
></
asp:Label
>
</
td
>
<
td
style
=
"width: 30%"
>
<
asp:DropDownList
runat
=
"server"
ID
=
"ddlCotentSourceLanguage"
Width
=
"100%"
>
<
asp:ListItem
Text
=
"-- Select Language --"
Value
=
"0"
></
asp:ListItem
>
<
asp:ListItem
Text
=
"Canada"
Value
=
"1"
></
asp:ListItem
>
<
asp:ListItem
Text
=
"USA"
Value
=
"2"
></
asp:ListItem
>
<
asp:ListItem
Text
=
"China"
Value
=
"3"
></
asp:ListItem
>
</
asp:DropDownList
>
</
td
>
<
td
style
=
"width: 20%"
>
<
asp:RequiredFieldValidator
ID
=
"ReqContentSourceLanguage"
ValidationGroup
=
"UpdateGroup"
ToolTip
=
"Content source language is required."
runat
=
"server"
ControlToValidate
=
"ddlCotentSourceLanguage"
InitialValue
=
"0"
Text
=
"*"
Display
=
"Dynamic"
ErrorMessage
=
"Select content source language."
></
asp:RequiredFieldValidator
>
</
td
>
<
td
colspan
=
"3"
style
=
"width: 20%"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"right"
>
<
asp:Label
ID
=
"lblDescription"
runat
=
"server"
Text
=
"Description*"
></
asp:Label
>
</
td
>
<
td
style
=
"width: 25%"
>
<
asp:TextBox
ID
=
"txtDescription"
runat
=
"server"
TextMode
=
"MultiLine"
Width
=
"100%"
></
asp:TextBox
>
</
td
>
<
td
>
<
asp:RequiredFieldValidator
ID
=
"ReqDescription"
runat
=
"server"
ValidationGroup
=
"UpdateGroup"
ControlToValidate
=
"txtDescription"
Display
=
"Dynamic"
Text
=
"*"
ErrorMessage
=
"Enter description."
></
asp:RequiredFieldValidator
>
</
td
>
<
td
colspan
=
"3"
style
=
"width: 20%"
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"6"
>
<
asp:Button
ID
=
"btnUploadAnotherLanguage"
runat
=
"server"
ValidationGroup
=
"UpdateGroup"
Text
=
"Submit"
OnClick
=
"btnUploadAnotherLanguage_Click"
/>
</
td
>
</
tr
>
</
table
>
</
telerik:RadAjaxPanel
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
>
</
telerik:RadAjaxLoadingPanel
>
</
form
>
</
body
>
</
html
>
Thanks
Tejas