not showing on bootstrap modal

[Joel]

I have a web form where the progressarea works fine but as soon as I show that form inside a bootstrap modal, it does not display. The server side code is still being triggered. I am using version 2013.2.717.35.

[Vessy]

Hi Joel,

A possible behavior can be faced when there is a JavaScript error thrown on the page, which leads to the not properly loaded client-side logic of the control. Can you, please, confirm that this is not the case at your end? Also, please, make sure that the loaded jQuery version (the one required by the Bootstrap) is compatible with the used version of the controls:
https://docs.telerik.com/devtools/aspnet-ajax/general-information/using-jquery/using-jquery#jquery-version-history-in-telerik-ui-controls

If you are loading external jQuery, you will also need to disable the one embedded in our controls library:
https://docs.telerik.com/devtools/aspnet-ajax/general-information/performance/disabling-embedded-resources

If non of the above is the case, please, send me a small sample where I can replicate the problem and examine the exact setup leading to it.

Regards,
Vessy
Progress Telerik

[Joel]

Thanks for your reply. I have tried your suggestions and they are not working for me. I used your example for radprogressarea. I am attaching a sample project zip file (renamed to jpg) minus some dlls so it meets your upload size restriction. I notice that there is no traffic when the form is in the modal. 

[Vessy]

Hi Joel,

The faced behavior is caused due to the fact the jQuery load() method is designed to load html elements to the assigned container, but not a full web form. Loading the WebForm3.aspx in this manner leads to nested forms, which is not allowed.

You can find more detailed explanation on this matter here:
https://stackoverflow.com/a/2042460

For example, you can load the full Webform content (including the ProgressArea) by loading it inside an iframe element.

Regards,
Vessy
Progress Telerik