This is a migrated thread and some comments may be shown as answers.

Chrome and Radupload showing browse window

4 Answers 34 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Regula
Top achievements
Rank 1
Regula asked on 12 Dec 2013, 11:22 AM

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

4 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 17 Dec 2013, 09:27 AM
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.
0
Regula
Top achievements
Rank 1
answered on 17 Dec 2013, 10:21 AM

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>


0
Regula
Top achievements
Rank 1
answered on 17 Dec 2013, 05:31 PM

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
0
Nencho
Telerik team
answered on 19 Dec 2013, 12:13 PM
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.
Tags
Upload (Obsolete)
Asked by
Regula
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Regula
Top achievements
Rank 1
Share this question
or