Jump to content


Photo
- - - - -

modal not responsive?


  • Please log in to reply
4 replies to this topic

#1 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts
  • Country: Country Flag

Posted 13 February 2013 - 01:34 PM

Hi. 

 

Is it correct that the modal is not responsive? I have more content in the modal than what fits on the screen. The footer of the modal therefor is not on the screen anymore (you cannot scroll down to the point you see the footer either), hence users cannot click on the buttons. Is this a bug? Or do I need some custom css or code?

 

Thank you.



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 13 February 2013 - 01:52 PM

Hi jbrouwer 

 

Can we have a link to your site please? 



#3 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts
  • Country: Country Flag

Posted 13 February 2013 - 02:51 PM

Hi,

 

See the grey button called 'voorbeeld' under the post,

Please Login or Register to see this Hidden Content

.

 

Although I already added some css to get the modal higher on the screen:

Please Login or Register to see this Hidden Content

 

Default is 30%.



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 February 2013 - 09:40 PM

Hi Jbrouwer

 

There has been a few people commenting on the responsive aspect of the modal. You could use some browser specific css to edit how the content inside the modal is effected on smaller screens.

 

Or take a look at this post where another user has used a modal section that one of our developers has created and posted a plugin which could resolve the problem you're experiencing -

Please Login or Register to see this Hidden Content



#5 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 13 February 2013 - 09:55 PM

The modal IS responsive. It has a max hieght tho, if you want it taller you will have to add some css. Its not designed for huge blocks of text.