This is a migrated thread and some comments may be shown as answers.

Bootstrap modals inside a RadWizardStep on an iPad

2 Answers 16 Views
Wizard
This is a migrated thread and some comments may be shown as answers.
Ken
Top achievements
Rank 1
Ken asked on 28 Oct 2016, 02:30 PM

Hi Telerik!

I have a radWizard I'm using, and one of the wizardSteps has a user control which uses several Bootstrap modals.

Everything works wonderfully on PC, Android, etc - except iPad. When the page is loaded on an iPad, the wizard changes to rendermode="mobile", that all works fine.

However, when I launch any Bootstrap modal whose code is within a wizardStep, the screen is disabled and the content is shown only within the radstep content container (see photo).

Again, this only happens on iPad - works fine on everything else.

My code is structured like this:

Page pseudocode:
 
<radWizard>
    <radStep>
        content
    </radStep>
 
    <radStep>
        <myUserControl>
        </myUserControl>
    <radStep>
 
    <radStep>
        content
    </radStep>
<radWizard>
 
 
 
 
myUserControl pseudocode:
 
 
<myUserControl>
    <button>Show Bootstrap Modal</button>
     
    <div id='bootstrapModal' class='modal'>
        My modal content
    </div>
 
</myUserControl>

 

iPad iOS version: 10.1

Thank you!

 

2 Answers, 1 is accepted

Sort by
0
Ken
Top achievements
Rank 1
answered on 29 Oct 2016, 05:27 PM
I also just noticed that my Cancel button is unresponsive in the same wizard too (Next/Previous work fine).
0
Veselin Tsvetanov
Telerik team
answered on 02 Nov 2016, 12:58 PM
Hello Chris,

You may find it useful to consult the following forum thread that discusses possible issues, when using Bootstrap modals. Please note, that the Telerik ASP.NET AJAX suite and Bootstrap Modals integration has not been tested and it is not officially supported.

One more thing. I would suggest you to test the same scenario, but without Bootstrap Modals. If you still encounter the same issues, I would recommend you to prepare and sent us an isolated runnable sample, so we will be able to troubleshoot the problem locally.

Regards,
Veselin Tsvetanov
Telerik by Progress
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
Tags
Wizard
Asked by
Ken
Top achievements
Rank 1
Answers by
Ken
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or