DFFS speed loading issue – any updates?

[Marcus Khoo]

Hi Alexander,
If I click too fast, I still get verious situations where DFFS Modern does not load and i see the standard SharePoint form displayed. Whilst I don’t personally have an issue with this (I can just refresh the browser), end users are not so forgivving and they think things are broken. Any thoughts? Thanks /Marcus

[Jorah Lavin]

Marcus, on our team we’ve been supplying DFFS links, which avoid the ‘wait for DFFS to load’ issue… It works for many use cases, but not all.

[Marcus Khoo]

Hi Jorah, thanks for the tip but my users need to access the forms from SharePoint lists using the standard SharePoint “New, Edit, Open” functions.

🙁

[Alexander Bautz]

Hi Marcus,
I made a change in v1.0.18.0 to avoid reloading the page after saving an item – that helps when working with multiple items in a list, but when you first open a list view it will take a few seconds before DFFS is enabled.

The modern DFFS is created as a list view command set extension and by design it loads after the list view has rendered. I’m aware of the problem and keep looking for a better solution, but at the moment I haven’t figured out a way to speed up the initial load.

Alexander

[Marcus Khoo]

Just a thought, would it be possible to load in a “light” version of the list set extension that just disables the existing standard form mechanisms and then waits for the real DFFS to load? If DFSS has not yet loaded, the “light” version could give a link which, by the time it is displayed will have loaded DFSS?

[Alexander Bautz]

I’m not sure that would make any difference as DFFS isn’t that “heavy” to load, it is just that this kind of extensions load after the list view loads.

Alexander

[Alexander Bautz]

I got this excellent tip (thanks Michelle) that can hide the original form and show a message to the user if DFFS hasn’t completed loading before the user hits either the New item button or tries to view or edit an item.

This is done through the standard “List formatting” functionality – see this link for details on how to open the configure layout panel: https://learn.microsoft.com/en-us/sharepoint/dev/declarative-customization/list-form-configuration

Add this to the header

{
    "elmType": "div",
    "style": {
        "margin-bottom": "100vh",
        "padding": "20px 15%"
    },
    "children": [
        {
            "elmType": "div",
            "attributes": {
                "class": "ms-fontColor-neutralSecondary ms-fontWeight-bold ms-fontSize-24"
            },
            "style": {
                "box-sizing": "border-box",
                "width": "100%",
                "text-align": "left",
                "padding": "21px 12px",
                "overflow": "hidden"
            },
            "children": [
                {
                    "elmType": "div",
                    "txtContent": "The Modern DFFS is not ready. Please wait a few seconds after a page load before you click to open the form."
                },
                {
                    "elmType": "div",
                    "style": {
                        "margin-top": "20px"
                    },
                    "txtContent": "Close this panel and try again."
                }
            ]
        }
    ]
}

Add this to the body

{
    "sections": []
}

See attached image.

Alexander

Attachments:

1. 

   image_2023-07-27_104621611.png
   

[Author]

Posts