Forum Discussion

cprothero's avatar
cprothero
Iron Contributor
Sep 25, 2020
Solved

List View Formatting - Conditional Message when there are no items?

I am using List View Formatting already on one of my lists, but I would like to be able to show a custom message when a particular view has no items in it. My use case is a view of employee anniversa...
SharePoint Online
  • ArefHalmstrand's avatar
    ArefHalmstrand
    Sep 25, 2020
    Hello,

    Perhaps this could be solved with a Power Portal? Using a Power App to control and display content. Power Automate to create triggers and desired actions.

    Tip: Listen to the recent episode of the Intrazone podcast. Omar Shahine has built a similar solution.
ChrisWebbTech's avatar
ChrisWebbTech
MVP
Sep 25, 2020
As Aref said the best bet here is using a power app and then creating a SharePoint page and add the app as a web part. You can then serve up the data from the list through the app and customize it how you want too. There really isn’t an OOTB way to change how the list displays no items. You can only conditionally format item rows / columns themselves.
cprothero's avatar
cprothero
Iron Contributor
Sep 28, 2020
Okay, thanks for confirming that. I'm not a big fan of how long power apps take to load on a SharePoint page, but I guess it is what it is.
  • jpittman_mygn's avatar
    jpittman_mygn
    Copper Contributor
    Nov 09, 2021

    cprothero 

    Little late to the party but I found the following CSS that you can use if you're using a tool like the Modern Script Editor web part. Have done this a few places in our tenant where we can't afford to wait for Microsoft to give us cleaner UI options 😅

    <style>
    div[data-automationid='emptyFolderContainer']{display:none !important};
</style>

     
    Fun note, this is the only place so far that I've seen "data-automationid" listed in the HTML instead of "data-automation-id". We can probably expect this CSS hack to break just as soon as somebody on the SharePoint dev teams realizes they missed a "-" in their code 😜


    • Zonar_Ming's avatar
      Zonar_Ming
      Copper Contributor
      Nov 18, 2021

      jpittman_mygn Can it be done on a modern site page? If it can, can you provide more details how to add a modern script editor web part on a modern site page? I do not find this option on the listed web part. It will be nice to hide that silly message. Thank you.

      • jpittman_mygn's avatar
        jpittman_mygn
        Copper Contributor
        Nov 18, 2021

        Yep! Works on modern, although isn't exactly straightforward to get it set up as you need to install a custom webpart that isn't provided out of the box.

        The "Modern Script Editor" webpart that I'm referring to is a part of the SharePoint PnP SPFX webpart samples provided by Microsoft for webpart development demonstration. You can find the source code here: https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-script-editor

        At the very bottom of that page there are some links to issues/discussions which should hopefully point you on the install process.

    • cprothero's avatar
      cprothero
      Iron Contributor
      Nov 10, 2021
      Thanks for following up. That's a good tip to know.