Plumsail List web part for SharePoint Online

Forms SharePoint Online
1

Hi Plumsail Team,

first of all, thanks so much for the release this tool. this give me something back the feeling for the "classical" design. i have four questions to the tool.

  1. Is it possible to connect two ListWebParts using "Lookup" fields?
  2. If the setting "edit items in dialog" is selected, can you specify the starting size of the dialog?
  3. In the classic design, you could add a link to the list name above the web part to access the original list. Is it also possible to add a link to the header here?
  4. Almost all of our customers access the pages via desktop computers with resolutions of 2560x1600 or higher. Is there a way to display the web part at full scale, just like the banner?

image
image3371×930 123 KB

2

Hello @Pro2000MD,

  1. Not sure I understand what you want. Could you please share more details.
  2. You can specify the size of the dialog with the code in the Custom JS property of the web part.
  3. You can add a link to the page with the Link web part.
  4. The web part should take the whole width of the window, Could you please share the screenshot of the page in the edit mode.
3

Hi Margo,

to 1.
I can two Lists connecting over a field, so that when you select the first list in the WebPart you see the connected records from the second list. In the settings of a standard Microsoft WebPart, the function is called "Dynamic Filtering".

image
image416×1006 33.7 KB

to 4.

View:

image
image2498×974 116 KB

Edit:

image
image2547×980 289 KB

This section with the Plumsail web part is created as a "One Column" section.

4

Hello @Pro2000MD ,

  1. Try to inspect the DOM with F12 (Developer console). I have recently added this CSS to my Plumsail form before I inserted it in the webpart:
@media screen and (min-width: 1024px) {
  .a_e_cb6f7c2e:not(.b_e_cb6f7c2e) .s_e_cb6f7c2e {
    max-width: 100% !important;
  }
}

Your classes will be probably different, but inspect the page and try to find the correct element.

Regards
Stepan

5

Hello Stepan,

Thank you for wanting to help me with this issue. This is not about a "Form WebPart" but about the "List WebPart".

image
image1019×1011 59.6 KB

Regards
Thomas

6

Hello @Pro2000MD ,

In this case, I suggest to deploy Application to your app catalog from PnP Community:

Everything is described in the link. Might be complicated for the beginner. If you are familiar a bit with Sharepoint Framework (SPFx), then you can bundle it, ship it and then deploy to your app catalog and use on your site, where you need it.

Be careful with "custom scripting" on site level - also described in the link.

If @Margo come up with something easier related to webpart Plumsail List, I would also be happy to hear about it.

EDIT: When deployed and added to the Site, then you can Edit the page and then add the webpart. In this webpart, it is quite easy to add some custom script or CSS.

Stepan

7

Hello Stepan,

thanks i will view and then testing, let's see how far I get.

Regards
Thomas

8

Dear @Pro2000MD,
For your question:

  1. Is it possible to connect two ListWebParts using "Lookup" fields?

That's not possible right now, but we're looking forward to adding it, so paid support is available. Contact support@plumsail.com to discuss potential implementation, if you're interested in it.

As for the width of the web part, that's standard behaviour, unless you can select Full-width section, but it's not always available:

image
image270×282 9.93 KB

As an alternative, use the following JavaScript code:

const parent = list.$el.closest('.CanvasZoneSectionContainer');
if (parent) {
    parent.style.maxWidth = '100%';
}
9

Hello Nikita,

thanks with the Script works fine.

Unfortunately, we can't use the "full size" option in the Web Part area because it's not available. Only the banner area can be full width.

Regards
Thomas

1 Like