This is a migrated thread and some comments may be shown as answers.
not showing on bootstrap modal
3 Answers 14 Views
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 1
Joel asked on 20 Mar 2020, 05:43 PM
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.

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 25 Mar 2020, 02:04 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Joel
Top achievements
Rank 1
answered on 25 Mar 2020, 05:29 PM
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. 
0
Vessy
Telerik team
answered on 30 Mar 2020, 01:24 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Asked by
Joel
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Joel
Top achievements
Rank 1
Share this question
or