Problem popup header overflow

Ignition
1

Hi,

Context:
I'm trying to open a popup using an event script when clicking a component:

def runAction(self, event):
	       system.perspective.togglePopup(
	       id=self.view.custom.PopupID,
	       title=self.view.custom.tag + ' - ' + self.view.custom.description,
	       view='Templates_HighPerformance/Popups/Regulator/PopUp_Regulator_test',
	       params = {'PopupID':self.view.custom.PopupID,'TagPath':self.view.params.tagPath},
           resizable='false',
           position = {'top':event.pageY,'left':event.pageX}
	       )

Now when opening this popup it looks like this with a long title:

Screenshot popup
Screenshot popup406×318 2.95 KB

When using a shorter title it looks like this (how it's supposed to be):

Screenshot popup2
Screenshot popup2281×311 2.16 KB

When clicking the button, the popup expands to the right (this works).

Question:
How/where can I edit or add CSS code to hide the title when there is overflow in the header. Or is there any possible solution to fix this problem?

2

Yeah I would try target the header of the popup with css and add.

Whitespace: 'nowrap'
textOverflow: 'ellipsis'

you can edit the css with the advanved stylesheet.