Show RadAjaxLoadingPanel during Uploading

9 posts, 0 answers
  1. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 04 Sep 2015 Link to this post

    Hi,

     I have ajaxify the attachment control I created but it doesn't show the loading panel when I click Upload button (postback after selection of files)

    Below is the structure:

     Attachment Manager page

    - Attachment Manager user control

    --- Attachment user control

     I put RadAjaxManager in Attachment Manager user control:

    <telerik:RadAjaxManager ID="radAjaxManager" runat="server" DefaultLoadingPanelID="radAjaxLoadingPanel">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="grdAttach">
                <UpdatedControls>                           
                    <telerik:AjaxUpdatedControl ControlID="lblErrorMsg" />
                    <telerik:AjaxUpdatedControl ControlID="grdAttach" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="attachmentControl">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="attachmentControl" />
                    <telerik:AjaxUpdatedControl ControlID="grdAttach" />               
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ddlAttachTo">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdAttach" />
                    <telerik:AjaxUpdatedControl ControlID="attachmentControl" />               
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
     
    <asp:Panel runat="server" ID="pnlControl">
                    <uc:AttachmentControl ID="attachmentControl" runat="server" InputSize="75" OnUploadClick="attachmentControl_UploadClick" />
                </asp:Panel>

     On my Attachment user control, I put RadAjaxManagerProxy:

    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnUpload">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="radUpload" LoadingPanelID="radAjaxLoadingPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>       
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

     This is not working and actually not doing a postback but if I remove RadAjaxManagerProxy, it will work but no loading panel will be shown while doing a postback.

     

    Thanks.

  2. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 07 Sep 2015 in reply to Jayzle Link to this post

    Seems I still can not get it to work. I just ajaxify the web page by putting it in RadAjaxPanel instead of using RadAjaxManager.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Plamen
    Admin
    Plamen avatar
    2729 posts

    Posted 08 Sep 2015 Link to this post

    Hi,

    If you want to have some indication that the file is being upload we would rather recommend using the progress area as for example it is done here

    If you just want to use RadAsyncUpload with Ajax please refer to this demo where similar functionality is implemented.

    Hope this information will be helpful.

    Regards,
    Plamen
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
  5. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 09 Sep 2015 in reply to Plamen Link to this post

    Hi Plamen,

     

    I'm referring to a loading icon during postback and not the progress bar for file uploading.

    Anyway, for inline progress bar, it's working on Google Chrome but not in IE9 which only shows a bar but no indicator of progressing.

    I already put these lines in web.config: In IE developer tool, I saw that it's error 404 for http://xxxx:yyyy/aaa/bbb/Telerik.Web.UI.WebResource.axd?type=rau&RadUrid=47695dcb-cba0-4fca-b37e-7c5a54bacf610

    <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false" />
          <add path="Telerik.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.Upload.RadUploadProgressHandler, Telerik.Web.UI" />
          <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false" />
     
    <location path="Telerik.Web.UI.WebResource.axd" allowOverride="false">
        <system.web>
          <authorization>
            <allow users="*" />
          </authorization>
        </system.web>
      </location>
      <system.webServer>
        <validation validateIntegratedModeConfiguration="false" />
        <modules>
          <add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
          <add name="RadUploadModule" preCondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule" />
        </modules>
        <handlers>
          <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
          <add name="Telerik_RadUploadProgressHandler_ashx" verb="*" preCondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" />
        </handlers>
      </system.webServer>

  6. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 09 Sep 2015 Link to this post

    As a result also, it seems validation is not working.

    I put validation on file size (this is working in chrome but not in IE).

    Funny thing is, this is already working before and I don't remember any major changes except for removing RadAjaxManager and adding RadAjaxPanel

  7. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 10 Sep 2015 in reply to Jayzle Link to this post

    Below are the details of the issue:

    Browser : IE9 and Chrome Version 43.0.2357.132 

    Validation : Max file size is 50MB

    Local Dev machine : No issue, inline progress show in IE & Chrome regardless of file size and validation is ok (OnClientValidationFailed)

    Server : While browsing using IE, inline progress does not show when uploading 50MB and 50++MB and validation is not working (it will not passed through OnClientValidationFailed) and error prompted (see attached files). But when browsing smaller files like 20+MB, inline progess shows

                 While browsing using IE, inline progress does not show when uploading 50MB and 50++MB but validation works (will pass OnClientValidationFailed). But when browsing smaller files like 20+MB, inline progess shows.

     

    Kindly advise on this issue.

     

     ​

  8. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 10 Sep 2015 in reply to Jayzle Link to this post

    Sorry, 2nd to the last paragraph should be "While browsing using Chrome..."
  9. Jayzle
    Jayzle avatar
    28 posts
    Member since:
    Dec 2012

    Posted 12 Sep 2015 in reply to Jayzle Link to this post

    I alredy fixed the issue by modifying web.config and set maxRequestLength. I thought I have set this before. Thanks for the help!
  10. Plamen
    Admin
    Plamen avatar
    2729 posts

    Posted 14 Sep 2015 Link to this post

    Hello,

    It seems that you have solved the issue if you have further questions please let us know.

    Regards,
    Plamen
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017