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:
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.
<%@ 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"><html xmlns="http://www.w3.org/1999/xhtml"><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.
1 Answer, 1 is accepted
0
Accepted
Richard
Top achievements
Rank 1
Rank 1
answered on 15 Feb 2012, 09:15 PM
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:
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!
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!