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

Upload control "Select" button is squashed

2 Answers 48 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Veteran
Matt asked on 28 Jan 2020, 03:41 PM

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?

 

2 Answers, 1 is accepted

Sort by
0
Matt
Top achievements
Rank 1
Veteran
answered on 30 Jan 2020, 09:43 PM

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

.ruBrowse, .ruFakeInput {
    height: 30px !important;
}
0
Rumen
Telerik team
answered on 31 Jan 2020, 08:43 AM

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

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Tags
AsyncUpload
Asked by
Matt
Top achievements
Rank 1
Veteran
Answers by
Matt
Top achievements
Rank 1
Veteran
Rumen
Telerik team
Share this question
or