locked
Resize AjaxFileUpload control RRS feed

  • Question

  • User-1952463932 posted

    When the AjaxFileUpload control is displayed it is a particular height and I cannot seem to change it.  It seems to respond to Width but not Height?

    <cc1:AjaxFileUpload runat="server" ID="afuFileUpload1" Width="400px" MaximumNumberOfFiles="1" 
        OnUploadComplete="afuFileUpload1_UploadComplete" OnUploadCompleteAll="afuFileUpload1_UploadCompleteAll" 
        Height="400px" OnClientUploadStart="showWaitCursor" OnClientUploadCompleteAll="uploadCompleteAll"
        OnClientUploadError="uploadError" />
    

    Thanks in advance.

    Wednesday, June 24, 2015 11:06 PM

Answers

  • User2103319870 posted

    Try applying the below css to change the height of upload control

     <style>
            .ajax__fileupload
            {
                height: 400px !important;
            }
        </style>

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, June 24, 2015 11:20 PM

All replies

  • User2103319870 posted

    Try applying the below css to change the height of upload control

     <style>
            .ajax__fileupload
            {
                height: 400px !important;
            }
        </style>

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, June 24, 2015 11:20 PM
  • User-1952463932 posted

    Wow that works.  You wouldn't happen to know why height doesn't work?  Also where did you get the information from?  Also would like to change the height of the Drop area.

    Thanks again.

    Wednesday, June 24, 2015 11:24 PM
  • User2103319870 posted

    Also would like to change the height of the Drop area.

    You can use the below css to change the Height of dropzone in file upload control

    <style>
            .ajax__fileupload,.ajax__fileupload_dropzone
            {
                height: 400px !important;
            }
        </style>

    Also where did you get the information from?

    I have used the Developer Tools(F12) to identify the css getting applied to control at runtime and then changed it accordingly

    Thursday, June 25, 2015 6:28 AM