Rad Upload buttons are shifting on mousehover

[Shubham]

Hi All 
          I am using Rad Upload control in which I have 2 buttons name select and Clear which are shifting (moving) on mouse hover showing this class (while inspecting in mozila) 

.ruBotton .ruMousehover
{
background-position: 100%  -23px;
width: 79px;
}
are these classes by default set to this control please let me how I can resolve my issue.
Thanks

[Shubham]

Hi All 
         Please let me know how can I resolve my issue ASAP its really urgent. Rad Upload control is working fine on a form but in this I am using it inside a <asp:Content>  tag  is this makes difference ?.
Thanks in advance

[Shinu]

Hi Shubham,

Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end. The provided information is not enough to replicate the issue. Please provide your code for further help.

ASPX:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <telerik:RadUpload ID="RadUpload1" runat="server">
    </telerik:RadUpload>
</asp:Content>

Thanks,
Shinu.

[Shubham]

Hi Shinu
               ok here is my code snippet hope it will help you to replicate the issue at your end 


<%@ Page Title="Customer" Language="C#" MasterPageFile="~/MasterPages/Customer.master"
    AutoEventWireup="true" CodeFile="Customer.aspx.cs" Inherits="CustomerPortal" %>


<%@ MasterType VirtualPath="~/MasterPages/Customer.master" %>

<asp:Content ID="CustomerPortal" ContentPlaceHolderID="ContentPlaceHolder_Content"
    runat="server">
    <telerik:RadCodeBlock ID="CustomerRadCodeBlock" runat="server">

        <script type="text/javascript">
          
            //when file cleared by user, do post back only if logo image is from table.
            //no post back if default image is used OR no image displayed
            function ImageRadUploadClientFileCleared(radUpload, eventArgs) {
                try {
                    var currentImageUrl = document.getElementById('<%=CurrentRadBinaryImage.ClientID%>').src;
                    if (currentImageUrl != '') {
                        var defaultImageUrl = document.getElementById('<%=DefaultImageUrlHiddenField.ClientID%>').value;
                        if (currentImageUrl.match(defaultImageUrl.substring(1, defaultImageUrl.length)) == null) {
                            var radMgr = $find('<%=RadAjaxManager.GetCurrent(Page).ClientID %>');
                            radMgr.ajaxRequest("RadUploadFileClear");
                            return false;
                        }
                    }
                }
                catch (er) {
                }
            }
function ImageRadUploadClientFileSelected(radUpload, eventArgs) {
                EnableSaveButton();
            }
            function EnableSaveButton() {
                try {
                    document.getElementById('<%= SaveButton.ClientID%>').disabled = '';
                    
                }
                catch (er) {
                }
            }
        </script>

    </telerik:RadCodeBlock>
    <asp:HiddenField ID="DefaultImageUrlHiddenField" runat="server" Value="false" />
    <telerik:RadSplitter ID="PortalRadSplitter" runat="server">
        <telerik:RadPane ID="PortalSetupRadPane" runat="server" >
            <table>
                <tr>
                    <td class="PageHeaderClass">
                        <asp:Label ID="TitleLabel" runat="server" Text="Customer Portal"></asp:Label>
                    </td>
                </tr>
            </table>
        </telerik:RadPane>
        <telerik:RadPane ID="BottomRadPane" runat="server" >
            <telerik:RadDockLayout ID="ServiceItemRadDockLayout" runat="server">
                <asp:Label ID="MessageLabel" runat="server"  Visible="false"></asp:Label>
                <telerik:RadDockZone BorderStyle="None" ID="ServiceItemRadDockZone" runat="server">
                    <telerik:RadDock ID="CustomerRadDock" runat="server" DefaultCommands="None">
                        <TitlebarTemplate>
                            <table class="RadDockTitlebarTemplateTableClass">
                                <tr>
                                    <td>
                                        <asp:Label ID="Label2" runat="server" Text="Text"/>
                                    </td>
                                </tr>
                            </table>
                        </TitlebarTemplate>
                        <ContentTemplate>
                            <table width="100%">
                                <tr>
                                    <td>
                                        <asp:Label ID="LogoLabel" runat="server"  Text="Image"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td >
                                        <telerik:RadUpload ID="ImageRadUpload" runat="server" InputSize="20" Width="350px"
                                            OnClientFileSelected="ImageRadUploadClientFileSelected" OnClientClearing="ImageRadUploadClientFileCleared"
                                            TabIndex="1" MaxFileInputsCount="1"
                                            InitialFileInputsCount="1" ControlObjectsVisibility="ClearButtons" onpaste="return false;" 
                                            ReadOnlyFileInputs="True" Localization-Select="Select" 
                                            AllowedFileExtensions=".bmp,.jpg,.jpeg,.jpe,.jfif,.gif,.tif,.tiff,.png,.ico">
                                        </telerik:RadUpload>
                                    </td>
                                </tr>
                               
                            </table>
                           
                            <table class="ContentPaddingLeft">
                                <tr>
                                    <td>
                                        <h3>
                                            <asp:Label ID="RequestPageLabel" Text="Request Page" runat="server"></asp:Label>
                                        </h3>
                                    </td>
                                </tr>
                            </table>
                          
                        </ContentTemplate>
                        <Commands>
                            <telerik:DockExpandCollapseCommand />
                            <telerik:DockCommand Text="Save Position" />
                        </Commands>
                    </telerik:RadDock>
                    <telerik:RadDock ID="ServiceItemRadDock" runat="server" DefaultCommands="None">
                        <TitlebarTemplate>
                            <table class="RadDockTitlebarTemplateTableClass">
                                <tr>
                                    <td>
                                    </td>
                                        <asp:Label ID="Label1" runat="server" Text="Service Items"  />
                                </tr>
                            </table>
                        </TitlebarTemplate>
                        <ContentTemplate>
                            <div >
                                <telerik:RadGrid ID="ItemRadGrid" runat="server" OnNeedDataSource="ItemRadGrid_NeedDataSource"
                                    OnItemCreated="ItemRadGrid_ItemCreated" ShowGroupPanel="true"
                                    HeaderStyle-Wrap="false">
                                    <ClientSettings>
                                        <Resizing AllowColumnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true"
                                            ClipCellContentOnResize="true" />
                                    </ClientSettings>
                                    <MasterTableView runat="server" ShowFooter="false" TableLayout="Fixed" CommandItemDisplay="Top"
                                        NoMasterRecordsText="No Records To Display" DataKeyNames="RepairRequestID">
                                        <Columns>
                                            here are different columns
                                        </Columns>
                                       
                                    </MasterTableView>
                                </telerik:RadGrid>
                            </div>
                        </ContentTemplate>
                        <Commands>
                            <telerik:DockExpandCollapseCommand />
                            <telerik:DockCommand Text="Save Position" />
                        </Commands>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </telerik:RadDockLayout>
        </telerik:RadPane>
    </telerik:RadSplitter>
</asp:Content>

Thanks
Shubham

[Shinu]

Hi Shubham,

Unfortunately I couldn't replicate the issue at my end. The provided code is working fine at my end. Please check the CSS in your page.

Thanks,
Shinu.