Upload Dialog

12 posts, 0 answers
  1. Justin Hunter
    Justin Hunter avatar
    9 posts
    Member since:
    Jul 2010

    Posted 20 Aug 2010 Link to this post

    I am implementing the RadFileExplorer on a page and I can't figure out how to do a few things with the upload file dialog.

    I have attached an image of the upload dialog associated with the control for reference to what I'm requesting.

    Firstly, I would like to remove the div that holds:
    • Max file size allowed:
    • File extensions allowed:

    And secondly, I would like to remove the checkbox, and text associated with 'Overwrite if file exists?'

    And thirdly, the upload button at the very bottom does not follow my skin of WebBlue.

  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 25 Aug 2010 Link to this post

    Hi Justin,

    I have prepared a demo for your which shows how to achieve the desired result. Could you please check it and let me know whether it fits your requirements?

    In addition, I recommend you to check this forum thread as well.

    Best wishes,
    Fiko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Justin Hunter
    Justin Hunter avatar
    9 posts
    Member since:
    Jul 2010

    Posted 25 Aug 2010 Link to this post

    All works, except the "Upload" button still isn't skinned properly.

    Appreciate your help.
  5. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 30 Aug 2010 Link to this post

    Hi Justin,

    I am not quite sure what is causing the undesired behavior on your side. I have tested with the Q2 2010 and Q2 2010 SP1 versions of the controls and the button is skinned properly. I have attached a video of my test (I have added a RadSkinManager in order to change the skins).

    In your case I suppose that you use an older version of the controls than the ones mentioned above and this is causing the undesired behavior. If so, could you please paste the exact version number of the Telerik.Web.UI assembly that you use?

    All the best,
    Fiko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Justin Hunter
    Justin Hunter avatar
    9 posts
    Member since:
    Jul 2010

    Posted 30 Aug 2010 Link to this post

    I am using 2010 Q2, and am about to install the new RadControls that come come out less than a week ago.

    I think my issue may be that I'm opening the RadFileExplorer in a RadWindow, and when the upload button is clicked it's yet another RadWindow. Perhaps I'm not setting up my RadWindow correctly.

    Below is the code for declaring the RadWindow:
    <telerik:RadWindow runat="server" Width="750px" Height="600px" VisibleStatusbar="false"
        Skin="WebBlue" NavigateUrl="~/admin/PopUpForms/Explorer.aspx" ID="ExplorerWindow"
        Modal="true" Behaviors="Close,Move">
    </telerik:RadWindow>

    Below is the code for the button that launches the RadWindow:
    <asp:Button ID="btnTopicLocation" runat="server" Text="Attach PDF" OnClientClick="OpenFileExplorerDialog(); return false;" />

    And the Javascript function that the above calls:
    function OpenFileExplorerDialog() {
        var wnd = $find("<%= ExplorerWindow.ClientID %>");
        wnd.show();
    }
  7. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 02 Sep 2010 Link to this post

    Hi Justin,

    I am not quite sure what is causing the problem on your side. Could you please rework the attached project (to my first reply to this thread) in order to show the problem, open a new support ticket and send it back? I will check it and do my best to provide a working solution as soon as possible.

    All the best,
    Fiko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. Shannon
    Shannon avatar
    8 posts
    Member since:
    Oct 2010

    Posted 29 Jan 2011 Link to this post

    Has this been resolved? I am having the same problem. The Upload button has no skin applied. I am adding a "description" field to the file upload dialog.
  9. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 31 Jan 2011 Link to this post

    Hi Shannon,

    By design, the "Upload" button in the dialog is a standard ASP.NET button, which is not decorated, and at the moment we do not plan to change it. To apply skinning on it you can use RadFormDecorator control on the page where RadFileExplorer resides.

    All the best,
    Dobromir
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  10. Steve Napurano
    Steve Napurano avatar
    40 posts
    Member since:
    Aug 2009

    Posted 30 Aug 2011 Link to this post

    Hi I downloaded to the 5_19 hotfix dll and the 7_12 hotfix dll NONE fixed my skin issue when uploading through file explorer

    Has this been addressed yet?
  11. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 01 Sep 2011 Link to this post

    Hello Steve,

    I answered your question in your support ticket on the subject. Here is the proposed solution:

    Currently there is an easy workaround that will help you to apply a black background to the Upload dialog of RadFileExplorer and it is the following CSS class and RadFormDecorator:
    Copy Code
    <head runat="server">
        <title></title>
        <style type="text/css">
            .rfeUploadInfoPanel
            {
                color: black !important;
                font-family: "Segoe UI",Arial,sans-serif;
                font-size: 12px;
            }
            </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <telerik:RadFormDecorator ID="FM" runat="server" Skin="Black" DecoratedControls="All"/>
        <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Skin="Black">
            <Configuration ViewPaths="~/" UploadPaths="~/" DeletePaths="~/" />
        </telerik:RadFileExplorer>
        </form>
    </body>
    </html>

    Best regards,
    Rumen
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  12. Jeff
    Jeff avatar
    2 posts
    Member since:
    Feb 2013

    Posted 24 Feb 2013 Link to this post

    Hi Fiko,

    Are you able to extend your solution so that it hides the 'add' button as well?
  13. Vessy
    Admin
    Vessy avatar
    1380 posts

    Posted 26 Feb 2013 Link to this post

    Hello,

    I have already answered your support ticket on the subject, but for convenience I will paste my answer here as well:

    You could directly hide the "Add" button, bu I recommend you to use the Upload's control MaxFileInputsCount property, which allows you to set the maximum count of the uploaded files. With this approach the "Add" button will be only disabled, but the users will be able to use it if an input has been removed before that.

    VB:
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        RadFileExplorer1.Upload.MaxFileInputsCount = 3
    End Sub

    Nevertheless, if you still prefer hiding the button, instead of disabling it, you could do it in a similar way:
    function OnToolBarButtonClicked(oToolbar, args) {
        var toolbarItem = args.get_item();
      
        if (toolbarItem.get_value() == "Upload") {// upload is clicked
      
            var uploadContainerID = "<%= RadFileExplorer1.ClientID %>_uploadContainer";
            var uploadContainer = $telerik.$("#" + uploadContainerID).get(0); // Find the uplaod RadWindow's UploadContainer
            var fileExplorerClientId = "<%= RadFileExplorer1.ClientID %>"; // the client id of the RadFileExplorer
            var chbClientId = fileExplorerClientId + "_chkOverwrite"; // override checkbox clientid
      
            var infoPanel = $telerik.$(".rfeUploadInfoPanel", uploadContainer); // Find the upload info
            infoPanel.css("display", "none"); // hide it
      
            var chBox = $telerik.$("#" + chbClientId, uploadContainer);
            chBox.css("display", "none"); // hide the checkbox
      
            var oLabel = $telerik.$("label[for='" + chbClientId + "']", uploadContainer);
            oLabel.css("display", "none"); // hide the label of the checkbox
      
            var upload1AddButtonId = fileExplorerClientId + "_upload1AddButton"; // Decorated button
            var upload1AddButton = $telerik.$("#" + upload1AddButtonId, uploadContainer); // Find the Upload button. It is decorated
            upload1AddButton.css("display", "none");
      
            var undecoratedButtonId = fileExplorerClientId + "_btnUpload"; // Undecorated button
            var undecoratedButton = $telerik.$("#" + undecoratedButtonId, uploadContainer); // Find the undecorated button
      
            undecoratedButton.addClass(upload1AddButton.attr("class")); // Copy the classes from the decorated button to the undecorated one
      
            var embededUpload = $find(fileExplorerClientId + "_upload1");
            $telerik.$(embededUpload.get_element()).append(undecoratedButton); // Move the undecorated button to inside the RadUpload control    
        }
    }

    All the best,
    Vesi
    the Telerik team
    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 their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017