RadUpload w/ extra textbox & button

Thread is closed for posting
3 posts, 0 answers
  1. Greg
    Greg avatar
    8 posts
    Member since:
    Apr 2012

    Posted 09 May 2012 Link to this post

    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. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 11 May 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Greg
    Greg avatar
    8 posts
    Member since:
    Apr 2012

    Posted 15 May 2012 Link to this post

    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.
Back to Top