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">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"
            EnableSecureHistoryState="False" EnableHistory="True">
             
        </asp:ScriptManager>
         
        <telerik:RadUpload ID="uplDocument" runat="server" 
                            ControlObjectsVisibility="ClearButtons"  MaxFileInputsCount="1"
                            ReadOnlyFileInputs="True" InputSize="20"
                meta:resourcekey="uplDocumentResource1" Width="500px" Skin="Forest"
                            >
                        </telerik:RadUpload>  
        </div>
        </form>
    </body>
    </html>

    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
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 15 Feb 2012 Link to this post

    Paul:

    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; 
    }
    </style>

    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top