Bootstrap modals inside a RadWizardStep on an iPad

3 posts, 0 answers
  1. Chris
    Chris avatar
    10 posts
    Member since:
    Feb 2014

    Posted 28 Oct Link to this post

    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. Chris
    Chris avatar
    10 posts
    Member since:
    Feb 2014

    Posted 29 Oct Link to this post

    I also just noticed that my Cancel button is unresponsive in the same wizard too (Next/Previous work fine).
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    287 posts

    Posted 02 Nov Link to this post

    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.
Back to Top