CSS: Reference a Popup

  • 1
  • Question
  • Updated 4 years ago
  • Answered
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...
Photo of Scott

Scott

  • 2,722 Points 2k badge 2x thumb

Posted 4 years ago

  • 1
Photo of JD Bell

JD Bell, Senior Product Engineer

  • 2,996 Points 2k badge 2x thumb
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: