# Useful CSS Stuff

**URL:** <https://forum.inductiveautomation.com/t/useful-css-stuff/95414>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 2, 2024, 1:58am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414 "2024-09-02T01:58:19Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 11, 2024, 11:16pm UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/12 "2024-10-11T23:16:27Z")

</div>

While on expandable popups, using the same technique as above for expanding the width of popups has odd results. So for this, I add the same css for the height, but instead of setting the popup view width to auto, I explicitly set the `props.defaultSize.width` value with a binding which dynamically changes the width of the popup in the client.

CSS:

```python
.ia_popup[id^="popup-"]{
    width: auto !important;
}

```

Edit: forgot to attach the demo:

There's a bit of a glitch where if the popup was set to open using auto positioning in the centre of the page and you haven't moved it, expanding it will continue to honour this. If you move it however, then the positioning becomes absolute and the popup will keep its top/left position when it's resized.

---

_[View the full topic](https://forum.inductiveautomation.com/t/useful-css-stuff/95414)._