RadUpload buttons display issue

Thread is closed for posting
2 posts, 1 answers
  1. Paul
    Paul avatar
    7 posts
    Member since:
    Aug 2010

    Posted 15 Feb 2012 Link to this post

    hi, I am using a radUpload, my telerik version is 2011.3.1305.40, in the radUpload, I include the Clear button, code as followed:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PaulTest.aspx.cs" Inherits="PSR.WebApp.Pages.PaulTest" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"
            EnableSecureHistoryState="False" EnableHistory="True">
        <telerik:RadUpload ID="uplDocument" runat="server" 
                            ControlObjectsVisibility="ClearButtons"  MaxFileInputsCount="1"
                            ReadOnlyFileInputs="True" InputSize="20"
                meta:resourcekey="uplDocumentResource1" Width="500px" Skin="Forest"

    for some reason, the select and clear buttons always stick to each other with the clear button positioned slightly lower than the select button (see pic in attachment), The browser we are using is IE7 but the same style issue is present in FireFox 8.01 please let me know how to resolve this style issue.
  2. Answer
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 15 Feb 2012 Link to this post


    There seems to be a CSS issue in your application. You can override the positioning properties of the "clear" button by tweaking the following settings:

    <style type="text/css">
    .RadUpload_Forest .ruClear
      margin-left:10px !important;
      margin-top: -1px !important; 

    Adjusting the margin-left increases the separation between buttons. Adjusting the margin-top with a negative value moves it up to match the "select" button alignment.

    Hope this helps!
  3. DevCraft R3 2016 release webinar banner
Back to Top