DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Create/Edit modal size

Create/Edit modal size

JosipJosip Posts: 7Questions: 1Answers: 0
in Free community support

Hello,
Does anyone have solution here. The Create/Edit modal size is much smaller after search filter apply. Why this is happening?

Answers

  • allanallan Posts: 63,799Questions: 1Answers: 10,514 Site admin

    I suspect your window size is just at a responsive break point. This is out CSS for the first responsive sizing:

    @media only screen 
and (max-width: 780px) {
    body div.DTED_Lightbox_Wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 90%;
        margin-left: 5%;
    }
}

    My guess is that when you filter the page is no longer scrolling and that results in the width of the page (now that it doesn't have a scrollbar) being just over 780px.

    What is the width of your browser window?

    Allan

  • JosipJosip Posts: 7Questions: 1Answers: 0

    The size of browser is 1920x919. I am not worried about the width but the height of modal. I want end users can see input fields as many as possible.

  • allanallan Posts: 63,799Questions: 1Answers: 10,514 Site admin

    Oh I see. Sorry - I misunderstood. Can you give me a link to the page showing the issue so I can take a look into it please?

    Does it correct if you resize the window just a little?

    Thanks,
    Allan

  • JosipJosip Posts: 7Questions: 1Answers: 0

    Unfortunately, the table is connected with our local database and it's working just in our local network. I am not shure how you can access it.
    Also have same issue after window resize.

  • allanallan Posts: 63,799Questions: 1Answers: 10,514 Site admin

    Are you able to use this as the basis to create an example showing the issue. Or perhaps one of our examples demonstrates the issue? I'll need a way to reproduce the error so I can diagnose and resolve it.

    Thanks,
    Allan

  • JosipJosip Posts: 7Questions: 1Answers: 0

    Hello Alan,
    I've solved this by adding <!DOCTYPE html> in my html code. I do not why but now everything works fine.

  • allanallan Posts: 63,799Questions: 1Answers: 10,514 Site admin

    Ah! Without a valid doctype the document will render in quirks mode. All bets are off in quirks mode!

    Good to hear you've got it working now.

    Allan

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.