# Clip title on popup

**URL:** <https://forum.inductiveautomation.com/t/clip-title-on-popup/65971>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 2, 2022, 6:01am UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971 "2022-11-02T06:01:00Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [November 2, 2022, 6:01am UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/1 "2022-11-02T06:01:00Z")

</div>

If I call a popup and specify a long title, it will extend the title text behind the close (X) button, and in some cases, expand the width of the popup to make the title fit.

I'd prefer that if the title is that long, it's just clipped, preferably before the X so it doesn't look messy.

Is there a way to do this, other than using shorter titles?

---

<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:** [November 2, 2022, 6:08am UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/2 "2022-11-02T06:08:35Z")

</div>

Should be able to hack the CSS to fix it 🙂  
Actually, I can't get it to work.. 🏳 @victordcq

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 2, 2022, 9:22am UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/3 "2022-11-02T09:22:26Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/5/65e7e13c75904aa55da4f700dd84540949213e9e.png)

```auto
.client-root .popup .popup-header{
padding-right: 25px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}

```

> [@ASF](#):
>
> expand the width of the popup to make the title fit.

Unfortunatly its not possible to prevent this from happening unless you define a width when opening the popup. Or after the client has resized the popup themselves.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/3/93d5f5b10f2a1beea82f8b373077e33a9a1eeb24.png)

---

<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:** [November 2, 2022, 10:01am UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/4 "2022-11-02T10:01:54Z")

</div>

Of course, I was missing the padding... I knew I had to shift the text right, but there was a problem between keyboard and chair

![squidward-throw-away](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/4/641674544e543d0629a5b92035fc1973d082b294.gif)

---

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [November 2, 2022, 10:05pm UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/5 "2022-11-02T22:05:18Z")

</div>

Thanks @victordcq and @nminchin.

Shame that I can't stop the popup expanding it's width - at this point the effort involved in enforcing shorter titles is less than the effort in making sure that all the popups are always called with a specified width. But I'll definitely keep that CSS hack up my sleeve for the future!

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 21, 2024, 3:37pm UTC](https://forum.inductiveautomation.com/t/clip-title-on-popup/65971/6 "2024-10-21T15:37:06Z")

</div>

Split this topic on October 21, 2024, 3:37pm UTC

2 posts were split to a new topic: [Trying to open a popup using an event script](https://forum.inductiveautomation.com/t/trying-to-open-a-popup-using-an-event-script/97552)
