Rad Upload buttons are shifting on mousehover

5 posts, 0 answers
  1. Shubham
    Shubham avatar
    32 posts
    Member since:
    May 2013

    Posted 25 Mar 2014 Link to this post

    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
  2. Shubham
    Shubham avatar
    32 posts
    Member since:
    May 2013

    Posted 25 Mar 2014 in reply to Shubham Link to this post

    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


  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 26 Mar 2014 in reply to Shubham Link to this post

    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.
  5. Shubham
    Shubham avatar
    32 posts
    Member since:
    May 2013

    Posted 26 Mar 2014 in reply to Shinu Link to this post

    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
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 26 Mar 2014 in reply to Shubham Link to this post

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