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

TextBox Hiding in AsyncUpload

5 Answers 421 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jagat
Top achievements
Rank 1
Jagat asked on 30 Oct 2012, 04:34 PM
Hello,

I am using AsyncUpload in my project which is "TextBox + Button". I want to hide the TextBox. It means I want only SELECT Button visible for browsing the file, instead of "TextBox + Button". How does I make work?


Thanks in Advance.

5 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 31 Oct 2012, 04:19 AM
Hi Jagat,

Try the following css to achieve your scenario.

CSS:
<style type="text/css">
 .ruFakeInput
 {
  visibility: hidden;
  width: 0;
  padding: 0;
 }
</style>

Thanks,
Princy.
0
Jagat
Top achievements
Rank 1
answered on 31 Oct 2012, 05:26 PM
This is making the button also invisible. I need only the textbox that shows the path to be invisible.
0
Princy
Top achievements
Rank 2
answered on 01 Nov 2012, 04:58 AM
Hi Jagat,

Unfortunately I couldn't replicate your issue. One suggestion is that you can set the css of upload button as follows.

CSS:
<style type="text/css">
    .ruFakeInput
    {
      visibility: hidden;
      width: 0;
      padding: 0;
    }
    .ruFileeInput
    {
     width: 1 !important;
     visibility:visible !important
    }
</style>

Please provide your full code if the issue persists.

Thanks,
Princy.
0
Jagat
Top achievements
Rank 1
answered on 15 Nov 2012, 05:22 PM
Princy,

This is hiding the entire control. I wont be able to upload a file if it hides the control. Please see my question ... I just need to hide the textbox and not  the button nor the entire control.

If I cannot hide the textbox, I should atleast be able to display the actual path instead of C:\\fakepath\img654.jpeg


<ASP:AsyncFileUpload   OnClientUploadComplete="uploadComplete" runat="server" ID="AsyncFileUpload1"
                                Width="300px" UploaderStyle="Modern" CompleteBackColor="White" UploadingBackColor="#CCFFFF"
                                ThrobberID="imgLoader" OnUploadedComplete="FileUploadComplete" OnClientUploadStarted="uploadStarted" />
0
Accepted
Princy
Top achievements
Rank 2
answered on 16 Nov 2012, 05:07 AM
Hi Jagat,

After inspecting you code I found that you are not using RadAsyncUpload. I suppose you are using AsyncFileUpload in the ajaxToolKit. Following is the sample code that I tried to hide the TextBox in the AsyncFileUpload.

CSS:
<style type="text/css">
    .FileUploadClass input[type=text]
    {
        display: none;
    }
</style>

ASPX:
<ajaxToolKit:AsyncFileUpload runat="server" ID="AsyncFileUpload1" Width="20px" UploaderStyle="Modern" CssClass="FileUploadClass" CompleteBackColor="White" UploadingBackColor="#CCFFFF" ThrobberID="imgLoader" />

Hope this helps.

Regards,
Princy.
Tags
AsyncUpload
Asked by
Jagat
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Jagat
Top achievements
Rank 1
Share this question
or