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

RadUpload w/ extra textbox & button

2 Answers 72 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Greg
Top achievements
Rank 1
Greg asked on 10 May 2012, 01:26 AM
Hi Telerik, 

When I use a RadUpload w/ ControlObjectsVisibility='None' I get (from left to right): a textbox, a button that says "Browse...", another textbox and then a button that says "Select."  

I would like to get rid of the last two controls, the extra textbox & select button.  I've seen other similar posts, which prescribed adding a RadStyleSheetManager and a RadScriptManager, but neither solution seems to work.  Can you possibly provide any other insight or suggestions?  Thanks very much.

<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="escrowDocumentEditRadScriptManager" />
<div>
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1" ></telerik:RadStyleSheetManager>
    <telerik:RadUpload ID="escrowDocumentRadUpload" runat="server" AllowedFileExtensions="pdf" EnableEmbeddedSkins="false" Skin="Standard" InitialFileInputsCount="1" MaxFileInputsCount="1" ControlObjectsVisibility="None" />

2 Answers, 1 is accepted

Sort by
0
Kevin
Top achievements
Rank 2
answered on 11 May 2012, 01:34 PM
Hello Greg,

I assuming the problem is with your custom skin 'Standard'. It must not be hiding the real upload control (the one that has a textbox and select button). Have you tried using one of the embedded skins and seeing if it renders correctly? If it does, then the problem would be your custom skin.
0
Greg
Top achievements
Rank 1
answered on 15 May 2012, 10:32 PM
The idea of playing around with certain skins didn't sound appealing to me since I didn't know much about them and the sample skins looked like nothing I was interested in.

OK, so Here's the CSS code I ended up using to solve the problem of an extra textbox and an extra select button from showing up:

<style>
            .ruInputs, .ruInputs li
            {
                 list-style-type: none !important;    //this removed the extra li dot
            }
            input[type="button"]
            {
              visibility: hidden;   //this removed the extra "submit" button.
            }
            div[id="uploadDiv"] input[type="text"]
            {
              visibility: hidden;   //since I had multiple input type="text" tags on the
                          //page besides the RadUpload, I wrapped the RadUpload
                         //in a DIV tag, named it "uploadDiv" and selected out its
                         //inner input type="text" control.
            }       
</style>

Hopefully some poor soul will see this post and not have to spend forever trying to figure it out.
Tags
Upload (Obsolete)
Asked by
Greg
Top achievements
Rank 1
Answers by
Kevin
Top achievements
Rank 2
Greg
Top achievements
Rank 1
Share this question
or