Ask Question

Multilookup with Tablelayout called from Popup From ignores width attribute

Hi I have a regular html page and on button click I call a Popup form. In this popup form i have a multilookup field. When I click on button to show multilookup with table layout, the popup ignores the width attribute and shows the multilookup table over the entire screen width. This doesn't happen whenn I call multilookup directly from a regular html page. Any idea how to solve this?

TT Tom

asked at 22 Feb 2017

Answers

yes, that is expected with the awesome popup, the table inside is taking 100% width, and the awesome popup will let it take as much as it needs up to browser window boundaries; the `.Width` works as a min width for the popup. you can use css to limit the table inside the lookup popup, set things like `min-width` <style> .awe-list { max-width: 700px; } </style> you can also set `.PopupClass(str)` which will add a css class to the popup div, so you could have `.myclass .awe-list { ...` in the next version you'll be able to use grids inside the lookup popup, so maybe that will be better
yes, that is expected with the awesome popup, the table inside is taking 100% width, and the awesome popup will let it take as much as it needs up to browser window boundaries; the
```
.Width
```
works as a min width for the popup. you can use css to limit the table inside the lookup popup, set things like
```
min-width
```
```
<style>
    .awe-list {
        max-width: 700px;
    }
</style>
```
you can also set
```
.PopupClass(str)
```
which will add a css class to the popup div, so you could have
```
.myclass .awe-list { ...
```
in the next version you'll be able to use grids inside the lookup popup, so maybe that will be better
Omu

answered at 22 Feb 2017
- Ok, seems to work, the only thing is the popup is not centered now, looks like it's left aligned to the lookup field.
  
  Ok, seems to work, the only thing is the popup is not centered now, looks like it's left aligned to the lookup field.
  at 22 Feb 2017 TT Tom
- yes, that's because it's a dropdown, but you can set `.Mod(o => o.Dropdown(false))`
  yes, that's because it's a dropdown, but you can set
  .Mod(o => o.Dropdown(false))
  at 22 Feb 2017 Omu
- Ok, it works, thank you!
  
  Ok, it works, thank you!
  at 22 Feb 2017 TT Tom

please Sign In to leave an answer