# Want to set a minimum height in Modal view

**URL:** <https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686>\
**Category:** Ask Developers\
**Created:** [March 22, 2016, 10:50pm UTC](https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686 "2016-03-22T22:50:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![paulself35775](https://avatars.discourse-cdn.com/v4/letter/p/71e660/32.png) [@paulself35775](https://forums.knack.com/u/paulself35775)\
**Post date:** [March 22, 2016, 10:50pm UTC](https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686/1 "2016-03-22T22:50:25Z")

</div>

Kinda new, but in a week ready to push my firs tool out.

I have a view in Modal view that has a lot of questions. However, I do not want to freak out a new user by showing this entire list at once. Therefore, there are many Display Rules that review more questions as one is answered.

The first question uses a drop down. This first image shows how it looks before the drop down is clicked on to select an option

  

Looks fine

Now the drop down is selected and it is off the screen and only reveals the first option as shown here

  

And here is an image after scrolling down to reveal the entire list

  

This View expands properly after this first field is selected.

Shown here

  

I have tried Radio Buttons, but it does not trigger the Display Rule to reveal the next set of fields.

Is there a way to set the minimum height of the modal view?

---

<div class="post-metadata">

**Author:** ![AP61015](https://avatars.discourse-cdn.com/v4/letter/a/ea666f/32.png) [@AP61015](https://forums.knack.com/u/AP61015)\
**Post date:** [March 26, 2016, 5:05pm UTC](https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686/2 "2016-03-26T17:05:12Z")

</div>

Hi All,

How do I set one particular modal to be a certain width without affecting all the others?

For all modals I use:

```
.div.kn-modal.default {width:1140px;margin-left: -43%;}
```

Another issues is that I have to set the margin manually and negative to make it centered.

---

<div class="post-metadata">

**Author:** ![paulself35775](https://avatars.discourse-cdn.com/v4/letter/p/71e660/32.png) [@paulself35775](https://forums.knack.com/u/paulself35775)\
**Post date:** [March 23, 2016, 9:37pm UTC](https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686/3 "2016-03-23T21:37:29Z")

</div>

Thank you.

---

<div class="post-metadata">

**Author:** ![StevanLECO51061](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@StevanLECO51061](https://forums.knack.com/u/StevanLECO51061)\
**Post date:** [March 23, 2016, 5:59pm UTC](https://forums.knack.com/t/want-to-set-a-minimum-height-in-modal-view/7686/4 "2016-03-23T17:59:13Z")

</div>

Hi.

You must use CSS and define a min height or a fixed height.

For that You can use the class .kn-modal (then it will make all modal the same min-height or fixed height) or do it on a case by case using #page\_id

```
/* set min height of all kn-modal accross your app*/
.kn-modal { min-height : 800px}

/\* set fixed height of all kn-modal accross your app\*/  
.kn-modal { height : 800px}

/\* set min height of all defined page of your app\*/  
#page\_id { min-height : 800px}

/\* set fixed height of all defined page of your app\*/  
#page\_id { min-height : 800px}
```

By setting fixed height you will probably need to play with the overflow property.