Quote

We're also available for Custom Joomla Development

Hire us now

Module in Modal Responsive Request

is is possible to have MM be responsive, for example a contact form fits perfect when viewed on mobile in portrait, however cannot access buttons or some fields when in landscape mode because the Modal is not responsive.

Scott
14 responses Add Yours
       
  • Replied by admin on Friday, March 02 2018, 04:04 AM · Hide· #1
    Hi, Please re-download the module in https://www.templateplazza.com/items/module-in-modal
    I have updated it and added a css condition for module content that have long body just like you have.

    Please don't forget to hard refresh your browser after you have installed it
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by Scocam on Friday, March 02 2018, 05:53 AM · Hide· #2
    thank you, please confirm it's the updated file n my downlaod section or new purchase?
  •  
  • Replied by Scocam on Friday, March 02 2018, 06:10 AM · Hide· #3
    I've re-downloaded and uninstalled re-installed and the change is not working is there custom css I need to add?
  •  
  • Replied by Scocam on Friday, March 02 2018, 06:13 AM · Hide· #4
    when I meant response I was referring to landscape mode not standard vertical position (Portrait)
  •  
  • Replied by Scocam on Friday, March 02 2018, 06:17 AM · Hide· #5
    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.
  •  
  • Replied by admin on Friday, March 02 2018, 09:11 AM · Hide· #6
    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
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by Scocam on Friday, March 02 2018, 12:40 PM · Hide· #7
    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
  •  
  • Replied by Scocam on Friday, March 02 2018, 12:49 PM · Hide· #8
    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
  •  
  • Replied by Scocam on Friday, March 02 2018, 12:56 PM · Hide· #9
    update

    The modal does fit to wide screen but unable to scroll the popup contents to access the reset and send buttons
  •  
  • Replied by admin on Friday, March 02 2018, 02:12 PM · Hide· #10
    Try this one
    @media screen and (orientation:landscape) , screen and (max-width: 720px)  {
    #moduleinmodal-mimodal .mimodal-body {
        overflow: auto;
        max-height: 600px;
    }
    }
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by admin on Friday, March 02 2018, 02:16 PM · Hide· #11
    or maybe you want to hack the form (textarea height) instead of modal :
    @media screen and (orientation:landscape) {
    .jsn-bootstrap textarea {
    height: 25px;
    }
    }
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by Scocam on Friday, March 02 2018, 03:15 PM · Hide· #12
    I tried both the first nadda

    the second worked but the width remained the same but I could access the text areas and button albeit the are was still the same a in portrait.

    Thank you for looking into this but I ma not going to worry about landscape mode, please, an email address I can use to send you tip via PayPal
  •  
  • Replied by admin on Saturday, March 03 2018, 01:41 AM · Hide· #13
    Ah ok, just let me know if I can be of any further help ;)
    Thank you for looking into this but I ma not going to worry about landscape mode, please, an email address I can use to send you tip via PayPal

    Thanks scott, you can send us a cup coffee at This email address is being protected from spambots. You need JavaScript enabled to view it. ;)
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  •  
    Replied by Scocam on Saturday, March 24 2018, 11:50 AM · Hide· #14
    My apologizes for my tardiness check your PayPal the coffee is on me :D:D:D:D:D
Your Response
Please login first in order for you to submit comments