Module in Modal Responsive Request

  • Posted by TemplatePlazza (5263) Offline

thank you for the update I can scroll the form with keyboard open, though still would like the M-n-M to rotate to landscape mode when the phone is rotated.

Hmm, I'm not really sure about what do you mean by rotate to landscape because the modal width and height values are fix.

But you can try to add this css if you want :
@media screen and (orientation:landscape) {
	.mimodal {
	width:100%!important;
     }
}

That code will make the modal have 100% width in the mobile with landscape view
6 years 9 months ago #7 by TemplatePlazza

Please Log in or Create an account to join the conversation.

This is the phone is landscape position as you can see the modal is not response in that direction and and the buttons and text fields are off screen

see screen capture
6 years 9 months ago #8 by Scott

Please Log in or Create an account to join the conversation.

A website will respond to a phone that is standard portrait position then flex to fit when the phone is rotated to landscape mode the Modal does not.

1. Add the custom css to the modal
Result: no change

2. Added css to site custom css
Result: no change
6 years 9 months ago #9 by Scott

Please Log in or Create an account to join the conversation.

update

The modal does fit to wide screen but unable to scroll the popup contents to access the reset and send buttons
6 years 9 months ago #10 by Scott

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5263) Offline
Try this one
@media screen and (orientation:landscape) , screen and (max-width: 720px)  {
#moduleinmodal-mimodal .mimodal-body {
    overflow: auto;
    max-height: 600px;
}
}
6 years 9 months ago #11 by TemplatePlazza

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5263) Offline
or maybe you want to hack the form (textarea height) instead of modal :
@media screen and (orientation:landscape) {
.jsn-bootstrap textarea {
height: 25px;
}
}
6 years 9 months ago #12 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum