This topic contains 5 replies, has 2 voices, and was last updated by Sean Sean 2 years ago.

Bootstrap Modal Needs To Appear in element


  • EVP
    Participant

    Posts: 6
    Member Reply #3796

    Hi there!

    I am using ASP.NET to run a site using your awesome theme. The framework requires the entire page to be wrapped in a form element (see below for example). This is no problem, except when I try to use the Bootstrap Modals. When a modal appears on the page, the HTML code is appended to the bottom of the page, outside of the single <form> element on the page, which makes the modal useless for putting form elements inside of it.

    Is is possible to modify the Javascript in bootstrap-modal.js (or somewhere else) to append the modal html code to within the <form> element on the page, instead of at the end of the document?

     

    Thanks much!!

    –Eric

     

    Example ASP.NET Format:

    <html>

    <head></head>

    <body>

    <form>

    ALL PAGE DATA NEED TO BE HERE

    </form>

    </body>

    </html>

    Sean
    Sean
    Keymaster

    Posts: 4221
    Support Staff Reply #3802

    EVP
    Participant

    Posts: 6
    Member Reply #3817
    This reply has been marked as private.
    Sean
    Sean
    Keymaster

    Posts: 4221
    Support Staff Reply #3833

    Hi :),

    Yes, if possible can you send us a test link ?

    Thanks.


    EVP
    Participant

    Posts: 6
    Member Reply #4802
    This reply has been marked as private.
    Sean
    Sean
    Keymaster

    Posts: 4221
    Support Staff Reply #4816

    Hi,

    Thanks for the access. We tried to check your code and it seems that somehow the bootstrap modal’s top positions are set improperly. We tried to track the issue but could not find it due to the deep theme customization done by you. However you can use below workaround for selected modals(apply by modal ID) in your custom.css file:

    #solospot {
    top: 25% !important;
    }

    If you need any further clarifications please let us know. Good luck with your awesome project! 🙂

    Thanks.

You must be logged in to reply to this topic.