Upload control "Select" button is squashed

[Matt]

I created a page with the RadAsyncUpload control and it looks like this:

 

My aspx code is this:

<%@ Page Title="Telerik Upload" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="TelerikUpload.aspx.cs" Inherits="ImportMPV2_WebTest.TelerikUpload" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    <Scripts>
        <asp:ScriptReference Path="Scripts/PageScripts/TelerikUpload_aspx.js"></asp:ScriptReference>
    </Scripts>
</asp:ScriptManagerProxy>

<div style="margin:20px">
    File:
    <telerik:RadAsyncUpload
        AllowedFileExtensions="xlsx"
        EnableInlineProgress="true"
        HttpHandlerUrl="~/UploadHandler.ashx"
        ID="RadAsyncUpload1"
        MaxFileInputsCount="1"
        MultipleFileSelection="Disabled"
        OnClientFileSelected="OnClientFileSelected"
        OnClientFileUploaded="OnClientFileUploaded"
        OnFileUploaded="RadAsyncUpload1_FileUploaded"
        runat="server">
        <FileFilters>
            <telerik:FileFilter Description="Excel Files(xlsx)" Extensions="xlsx" />
        </FileFilters>
    </telerik:RadAsyncUpload>
</div>

<div style="margin:20px">
    Sheet:
    <telerik:RadComboBox ID="SheetCb" name="SheetCb" runat="server" OnClientLoad="sheetCbLoad">
    </telerik:RadComboBox>
</div>

<div style="margin:20px">
    <telerik:RadButton AutoPostBack="true" runat="server" Text="Import">
    </telerik:RadButton>
</div>


<div style="margin:20px">
    <pre>
    <asp:label id="lblUploadResults" runat="server"></asp:label>
    </pre>
</div>

<div style="margin:20px">
    <pre>
    <asp:label id="lblSSISResults" runat="server"></asp:label>
    </pre>
</div>

</asp:Content>

 

Can anyone tell me how to fix the button?

 

[Matt]

I put this in my Site.css to hack around it.  The thing I was missing was !important.

.ruBrowse, .ruFakeInput {
    height: 30px !important;
}

[Rumen]

Hi Matt,

I am glad that you've managed to fix the problem and can confirm that your fix is fine.

Another approach is to set the RenderMode property to Lightweight which may also solve the styling issue.

Regards,
Rumen
Progress Telerik