I tracked it down. The Telerik control uses an un-ordered list (ul) to create the green dot beside the uploaded file. In the master page, there was a style setting ul's to a width of 25 pixels.
Telerik file upload control rendering issue
-
19-07-2023 - |
문제
I have a Telerik file upload control. it renders misaligned to the other items on the page. How can I get the control to render left aligned?
Screenshot of rendered page:
The markup:
<table>
<tr>
<td colspan="2">
<asp:Label ID="PleaseSelectAFileLabel" runat="server" Visible="false" Text="Please select a file." CssClass="ControlLabel"></asp:Label><br />
<asp:Label ID="PleaseSelectAFileType" runat="server" Visible="false" Text="Please select a file type." CssClass="ControlLabel"></asp:Label>
</td>
</tr>
<tr>
<td>
<div style="font-size:15px; font-weight:bold">File Type</div>
</td>
<td style="width: 296px" colspan="2">
<asp:DropDownList ID="EmployeeImportFormatDropDownList" AutoPostBack="true" runat="server" Width="200px" OnLoad="EmployeeImportFormatDropDownList_OnLoad"></asp:DropDownList>
<asp:LinkButton ID="EmployeeImportFormatDownloadLink" runat="server" Text="Download Template" OnClick="EmployeeImportFormatDownloadButton_OnClick" />
</td>
</tr>
<tr>
<td>
<div style="font-size:15px; font-weight:bold">File</div>
</td>
<td colspan="2">
<telerik:RadAsyncUpload runat="server" ID="DataImportsRadAsyncUpload" MultipleFileSelection="Disabled" MaxFileInputsCount="1" Width="375px" AllowedFileExtensions=".csv" />
</td>
</tr>
<tr valign="top">
<td width="75px"></td>
<td style="width: 296px">
<asp:Button ID="DataImportFileUploadImportButton" runat="server" Text="Import" OnClick="DataImportFileUploadImportButton_OnClick"/> <asp:Button ID="DataImportFileUploadCancelButton" runat="server" Text="Cancel" OnClick="DataImportUploadCancelButton_OnClick"/><br /><br />
<asp:LinkButton ID="DataImportMappingLink" runat="server" Text="Employee Data Import Mapping" PostBackUrl="../Company/ImportDataMapping.aspx"></asp:LinkButton>
</td>
</tr>
</table>
해결책
제휴하지 않습니다 StackOverflow