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

Problem with RadAsyncUpload in a CommandItemTemplate

4 Answers 106 Views

AsyncUpload

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

David asked on 06 Dec 2013, 03:32 PM

I have a RadAsyncUpload control embedded inside a CommandItemTemplate, we are upgrading from RadUpload. My problem is that the button appears in the command strip of the grid, but clicking the button does not bring up the FileOpen dialog. As far as I can tell, nothing happens at all. We are subscribed to the OnItemCommand event but we don't land there when clicking the button. This works OK with the RadUpload control.
Any suggestions? Code snippet below:

<CommandItemTemplate>

<table class="buttonsTable">

<tr>

<td class="uploadButton">

<telerik:RadAsyncUpload ID="ulIosRedemptionInfo" runat="server"

AllowedFileExtensions="xls"

MaxFileInputsCount="1"

ControlObjectsVisibility="None"

OnClientFileUploaded="clientFileUploaded"

OnFileUploaded="dgdRedemptionFileUploaded">

<Localization Select="Add" />

</telerik:RadAsyncUpload>

<%--

<telerik:RadUpload AllowedFileExtensions=".xls" ID="ulIosRedemptionInfo"

runat="server" ControlObjectsVisibility="None"

OnClientFileSelected="iosRedemptionCodeFileSelected">

<Localization Select="Add" />

</telerik:RadUpload>

--%>

</td>

<td>

<asp:LinkButton ID="lbtnRefresh" runat="server" OnClick="lbtnRefresh_Click" Visible="false"><img style="border:0px;vertical-align:middle;position:relative;padding:0;" alt="" src="<%=this.ResolveUrl("~/Images/toolbar/refresh_grey_16.png")%>" /> Refresh</asp:LinkButton>

<asp:LinkButton ID="lbtnInspect" runat="server" OnClientClick="showInspectWindow(); return false;" Visible="false"><img style="border:0px;vertical-align:middle;position:relative;padding:0;" alt="" src="<%=this.ResolveUrl("~/Images/toolbar/inspect.png")%>" /> Inspect</asp:LinkButton>

<asp:LinkButton ID="lbtnDelete" runat="server" Visible="false" OnClick="lbtnDelete_Click"

OnClientClick="return blockConfirm('Are you sure you want to delete these purchase orders?', event, 450, 100,'','Application Policy > Redemption Code');"><

img style="border:0px;vertical-align:middle;position:relative;padding:0;" alt="" src="<%=this.ResolveUrl("~/Images/toolbar/delete.png")%>" /> Delete</asp:LinkButton>

</td>

</tr>

</table>

</CommandItemTemplate>

4 Answers, 1 is accepted

answered on 11 Dec 2013, 02:47 PM

Further turns out that commenting the line for "position: relative" fixes the issue for me - and doesn't materially affect the actual appearance. If you can offer any clues as to why that works it would be appreciated for my own education.

div.RadUpload .ruButton
{
background-image: url('../Images/toolbar/new.png') !important;
background-position:left bottom;
background-repeat:no-repeat !important;
border: solid 0px black;
text-align: right;
background-color:transparent;
font-size:13px;
cursor:pointer !important;
display:inline;
/*position:relative; */
padding:0;
min-width:50px;
max-width:50px;
color:Black;
vertical-align:text-bottom !important;
}