How to show long contents

anseki / jquery-plainmodal

The simple jQuery Plugin for fully customizable modal windows.

http://anseki.github.io/jquery-plainmodal/

MIT License

78 stars 11 forks source link

How to show long contents #10

Closed Poldan closed 7 years ago

Poldan commented 7 years ago

Real need option to disable closing modal by click on modal overlay
Content with big height vot visible in this modal.

anseki commented 7 years ago

Hi @Poldan, thank you for the comment.

The first one, plainmodalbeforeclose event may help you.
See: https://github.com/anseki/jquery-plainmodal/issues/3, https://github.com/anseki/jquery-plainmodal/issues/9
The second one, more details please.

Poldan commented 7 years ago

Hi @anseki Window screen has height 600px. Modal content has height 900px. How to show hidden contents?

anseki commented 7 years ago

Typically, a long content is shown by scrolling frame such as overflow: scroll/overflow: auto.

Poldan commented 7 years ago

http://getbootstrap.com/javascript/#modals Can i do something, like bt modal with your plugin? If modal block will be inside wrapper(now his place near wrap), then i can do: 1) wrapper is fixed, overflow:auto 2) modal is absolute, and we have scroll on the right side of the screen

p.s. sorry, my english is so bad

anseki commented 7 years ago

Do you want the Bootstrap style? Or, do you want to make a scrollable element?

For example, implement both:

https://jsfiddle.net/L0cug7vn/show/ (Click "Open Modal" button)

See http://anseki.github.io/jquery-plainmodal/ for the style.
See the .modal-body class in the example for the scrollable element.

anseki commented 7 years ago

BTW, was the first question (disabling closing the modal window) in your comment already solved? I change the title of this issue. Please make a new issue if you want. You should make one issue by one topic because this is issue tracker system.

Poldan commented 7 years ago

I have added new option : {'closeOnModal':boolean}, and, when it's true, don't create click events on modal window. Scrollbar inside window is working, but creating some bad thing (max-height must be setted). But if it works, i can use it :+1: Thanks for answersm @anseki

anseki commented 7 years ago

The closeOnModal option is unnecessary because those events are cancelable. A scrollable element and its style like max-height are unrelated to the jQuery-plainModal. It is CSS style specification. You can learn at here: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow The jQuery-plainModal should do nothing about the style.

Anyway the issues were solved? I close this issue.