Quick Action using Visualforce – modal dialog width

When you use Visualforce page as Quick Action and modal popup window opens – it occupies 50% of container width. According to Create Object-Specific Quick Actions article

For a Custom Visualforce action, select the Visualforce page, and then
specify the height of the action window. The width is fixed.

Is there a “best practice” way to adjust width in this case using some code?

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

The width is fixed. You’re meant to create a responsive design that fits in the margins. No css or JavaScript you write can change this.

Method 2

I think you can achieve it by doing some CSS adjustments. Check the following blog which has an example with source code.

How to recreate modal component for force:lightningQuickActionWithoutHeader ( Showing quick action same as Lightning Experience Standard modal )

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0