Jump to content


Increase size of Add Modal

Modal

  • Please log in to reply
9 replies to this topic

#1 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 02 October 2019 - 01:22 PM

Hi.

 

I have an Add Modal that only has one Relationship drop down in it, however the drop down menu is longer than the pop up window size.  An outer scroll bar appears, but its not very pretty to see the drop down menu chopping off because the Modals height is not high enough.

 

In inspector I can manually over ride the min-height:250px to min-height: 500px and it looks beautiful, however I cant find what governs that code to have it change in the real code.
 

<div class="modal-body gc-modal-body" style="min-height: 250px; max-height: 953px;"><div> 

Any help appreciated



#2 Soreno

Soreno

    Member

  • Members
  • PipPip
  • 14 posts

Posted 02 October 2019 - 06:01 PM

Hi GaryW.

Try to rewrite that style from your view.php. Something like:

<style>
.gc-insert-modal .gc-modal-body {
   min-height: 500px;
   max-height: 953px;
}
</style>


#3 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 02 October 2019 - 07:27 PM

Thank you Soreno, unfortunately that doesn't work.  The Min-Height Css is inline so it gets over ridden.



#4 Soreno

Soreno

    Member

  • Members
  • PipPip
  • 14 posts

Posted 02 October 2019 - 07:58 PM

Ok, then use "!important"

.gc-insert-modal .gc-modal-body {
   min-height: 500px !important;
   max-height: 953px !important;
}


#5 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 02 October 2019 - 08:13 PM

You would think that would work but it doesnt

 

 

Ok, then use "!important"

.gc-insert-modal .gc-modal-body {
   min-height: 500px !important;
   max-height: 953px !important;
}


#6 Soreno

Soreno

    Member

  • Members
  • PipPip
  • 14 posts

Posted 02 October 2019 - 08:34 PM

Screenshot_20191002_232514.png



#7 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 02 October 2019 - 09:22 PM

Curious, where in your view are you coding?



#8 Soreno

Soreno

    Member

  • Members
  • PipPip
  • 14 posts

Posted 03 October 2019 - 07:46 AM

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php foreach($css_files as $file): ?>
        <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
    <?php endforeach; ?>
    <style>
     .gc-insert-modal .gc-modal-body {
        min-height: 500px !important;
        max-height: 953px !important;
     }
    </style>
</head>
<body>
        <div style="padding: 20px 10px;">
            <?php echo $output; ?>
        </div>
        <?php foreach($js_files as $file): ?>
            <script src="<?php echo $file; ?>"></script>
        <?php endforeach; ?>
</body>
</html>


#9 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 03 October 2019 - 03:03 PM

Thats where i am putting it, i can see it in my source code but its not showing up in the inspector window.

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php foreach($css_files as $file): ?>
        <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
    <?php endforeach; ?>
    <style>
     .gc-insert-modal .gc-modal-body {
        min-height: 500px !important;
        max-height: 953px !important;
     }
    </style>
</head>
<body>
        <div style="padding: 20px 10px;">
            <?php echo $output; ?>
        </div>
        <?php foreach($js_files as $file): ?>
            <script src="<?php echo $file; ?>"></script>
        <?php endforeach; ?>
</body>
</html>


#10 GaryW

GaryW

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 03 October 2019 - 03:15 PM

Fixed, thank you Sereno, slight correction:

        <style type="text/css">
           .gc-modal-body {
           min-height: 500px !important;
           max-height: 953px !important;
           }
      </style>






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users