I am trying to change the default size of the "Select a Rendering" Dialog.

enter image description here

it would be ok if I change the size of every dialog box, not just this one.

I've tried to override the css, but I was not able to change the dialog size.

1 Answer 1


If you want to override it for all dialogs, you can change it in file:



`function showModalDialog`

and when dialogOptions variable is initialized, use any value you want for width property:

var dialogOptions = {
    closeText: top.scForm.translate("Close"),
    modal: true,
    draggable: !isMobileBrowser(),
    height: dialogHeight,
    width: YOUR_VALUE_HERE, // HERE <------
    resizable: isResizable,
    dialogClass: isClosable ? '' : 'no-close',
    title: '',
    open: function () {
      contentIframe.dialog('widget').css('opacity', 0.001);
    close: function () {
    beforeClose: modifiedHandling

You can check url parameter first and change width of the dialog only when it's Select Rendering dialog.

Remember that Sitecore caches scripts heavily, so best open new private tab after or start developer tools and check "Disable Cache" option.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.