Issue with Dialog Size in "Selection Dialog" Mode

Forms SharePoint Online
1

Hello,

I have integrated a list into a PlumSail Forms form and configured the Editing field in Selection Dialog mode. However, when I open the embedded list form via this dialog, the window size is too small, making it difficult to view the content properly.

Questions:

  1. Is there a built-in option in PlumSail Forms to define the dialog size?
  2. Is there a recommended way to dynamically adjust the width and height of this window?
  3. Are there any technical constraints preventing modifications to the Selection Dialog size via CSS or JavaScript?

Thank you in advance for your help!

2

Hello @kelric_Robert,

Are you using List or Library control?

If so, you can define the dialog window size with the code:

//set width and height:
fd.control('Control1').dialogOptions = {
    width: 1280,
    height: 720
}

You can also get the user's screen size and use it in your code:

screen.width
screen.height
3

Hi @Margo,

Thanks for your reply.

Yes, I am using a List or Library control, and I have already tried implementing the suggested JavaScript script. However, despite loading the code, the dialog box size does not change when using the New or Modify buttons.

Here is the code I used:

fd.spRendered(function() {
fd.control('ListOrLibrary4').dialogOptions = {
width: screen.width,
height: screen.height
};
});

Is there anything I need to unlock or check to make this work properly?

image
image470×753 68.4 KB

Looking forward to your insights.

4

@kelric_Robert,

Please wrap the code inside the ready event like so:

fd.spRendered(function() {
    fd.control('ListOrLibrary4').ready(dt => {
        //dt parameter is the same as fd.control('Control1')
        dt.dialogOptions = {
            width: screen.width,
            height: screen.height
        };
    });
});