Unlock seamless workflows and faster delivery with our latest releases - Join the deep dive

Request to increase the size of dialogs in the Portable Text editor for better user experience.

4 replies
Last updated: Mar 11, 2024
Is there any way to increase the size of dialogs within the Portable Text editor?Our client is unable to create internal links in their portable text because the dialog is only 300px width and therefore the document titles are invisible.
I could not find any way of modifying this.
Mar 7, 2024, 10:43 AM
Bringing this to anyones attention again.As you can see in the screenshot, inserting internal links (references) in our Portable Text editor is unusable because of the size of the popover dialog.
Is there any way to improve this experience? Preferable by increasing the width of the dialog.
Mar 11, 2024, 8:08 AM
I suspect you used
annotations
to offer that internal link reference, which would allow you to set the modal like so:
annotations: [
          {
            name: "internalLink",
            type: "object",
            icon: FiLink,
            options: {
              modal: {
                type: "dialog",
                width: 'auto'
              },
            },
            title: "Internal link",
            fields: [
              {
                name: "reference",
                type: "reference",
      ...
Mar 11, 2024, 12:03 PM
I missed that
options
property in the docs!Set the modal type to
dialog
and that fixed it.Thanks!!!
Mar 11, 2024, 12:15 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?