Frage

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:

enter image description here

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"/>&nbsp;&nbsp;<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>
War es hilfreich?

Lösung

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.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top