Clip title on popup

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?

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


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

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.

1 Like

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



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!