CSS: Reference a Popup

How can I reference a specific popup in CSS?  I want to adjust the popup height, but I can’t assign a unique ID to a popup…

You can find all open popups using jQuery:

skuid.$( '.ui-dialog' );

To find the top-most popup, get the last element from the collection above:

skuid.$( '.ui-dialog' ).last();

To set the height, simple call the height function:

skuid.$( '.ui-dialog' ).last().height( '500px' );

So, you’d probably want to open the popup using the Action Framework, then call a snippet to immediately adjust the height of the popup: