Chrome and Radupload showing browse window

Thread is closed for posting
5 posts, 0 answers
  1. Regula
    Regula avatar
    43 posts
    Member since:
    Sep 2005

    Posted 12 Dec 2013 Link to this post

    Hi,

    I have a strange behavior in all my raduploads controls in Chrome. Whereas I click in the area inside the red border, which  I draw for illustrative propose (see the jpg attached bellow), I get the file browse window, it's like I have clicked in the browse button. I noticed that happens in all my raduploads controls and is always below the control.

    Telerik version: 2013.2.717.45

  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 17 Dec 2013 Link to this post

    Hello Vasco,

    Would you provide us with the implementation and the markup of the page, that you are using to reproduce the faced issue. Thus we would be able to replicate it locally and inspect the problem.

    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Regula
    Regula avatar
    43 posts
    Member since:
    Sep 2005

    Posted 17 Dec 2013 Link to this post

    Hi Necho, thanks for the reply.

    <table cellspacing="0" cellpadding="2" border="0" width="100%">
        <tr>
            <td>Attachment        </td>
            <td>
                <telerik:RadUpload ID="RadUpload1" runat="server" AllowedFileExtensions=".pdf"
                    InputSize="50" Localization-Add="Add" Localization-Clear="Clear" Localization-Delete="Delete"
                    Localization-Remove="Remove" Localization-Select="Search" MaxFileInputsCount="1" Width="60%" Style="float: left;" />         
            </td>
        </tr>   
    </table>
    <table cellspacing="0" cellpadding="2" border="0" width="100%">
        <tr>
            <td align="right">
      
                <asp:LinkButton ID="lkbReturn" runat="server" CssClass="btn btn-mini" OnClick="lkbReturn_Click"
                    CausesValidation="False" Style="margin: auto 5px">back</asp:LinkButton>
      
                <asp:LinkButton ID="lkbRemove" runat="server" CssClass="btn btn-mini" OnClick="lkbRemove_Click"
                                    CausesValidation="False" Style="margin: auto 5px">delete</asp:LinkButton>
      
                <asp:LinkButton ID="lkbSave" runat="server" CssClass="btn btn-mini" OnClick="lkbSave_Click" Style="margin: auto 5px" OnClientClick="ValidatePage();">Save</asp:LinkButton>
            </td>
        </tr>
        <tr>
            <td align="right"
            </td>
        </tr>
    </table>


  5. Regula
    Regula avatar
    43 posts
    Member since:
    Sep 2005

    Posted 17 Dec 2013 Link to this post


    I managed to resolve this problem.

    In the CSS  generated for the input type='file' was applingthe style font: 100px monospace;:

    .RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    }



    I overrode by:

    <style type="text/css">
             .RadUpload input.ruFileInput {
                 font : 10px monospace !important;
             }
     
    </style>
     
    And problem solved.

    Best regards
  6. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 19 Dec 2013 Link to this post

    Hello Vasco,

    Thank you for sharing your solution with the community.

    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017