Adding modal sizing functionality back in newer versions

Issue

Users are not able to resize the Settings modal (popup window displayed over the current page) in newer versions of DNN.

Solution

Instruct the customer to edit the skin.css file so that the attribute display: none !important is not applied to the element ui-dialog ui-widget ui-widget-content ui-corner-all ui-front dnnFormPopup ui-draggable ui-resizable with the class ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se. The customer should then be able to resize the modal.

Notes on Troubleshooting

For tickets related to the UI, follow this troubleshooting process:

  1. Check which element enabled this feature in previous versions.

    In this case, the agent tested the functionality in older versions (7.3.4) and found that the element that encompasses the modal was ui-dialog ui-widget ui-widget-content ui-corner-all ui-front dnnFormPopup ui-draggable ui-resizable (this is the class) and the class inside it was ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se.

  2. Check whether that element exists in the newer version.

    In this case, the agent confirmed that the element still existed and was being hidden by a display: none !important attribute being called by a skin.css file.

 

Credit: Tony Lee

Comments

0 comments

Please sign in to leave a comment.