web
You’re offline. This is a read only version of the page.
close
Skip to main content
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages - Customize & Extend / Apply Javascript in mo...
Power Pages - Customize & Extend
Suggested answer

Apply Javascript in modern Lists

(1) ShareShare
ReportReport
Posted on by Amine Amine 2
Hello I'm able to apply Javascript in the old Lists, using this kind of code inside the list  
$(document).ready(function() {

      $(".entitylist.entity-grid").on("loaded", function() {
....
      }
}

But when I try  the new moden lists  it's not calling the Javascript , I also saw that the new list is a react componant that loads as a set of div elements , I cannot figure out a way to call the JS inside the lists !
 
 
Categories:
Portals
I have the same question (0)
  • Suggested answer
    ZackS Profile Picture
    ZackS 112 on at
    Apply Javascript in modern Lists
    Are you putting the javascript inside of the list or inside of the page? I've noticed I get better results when I put the javascript inside of the page.
  • Suggested answer
    oliver.rodrigues Profile Picture
    oliver.rodrigues 9,347 Most Valuable Professional on at
    Apply Javascript in modern Lists
    Adding JS to PCF or modern controls are extremely difficult to be honest, I only use a modern list component if I am 100% sure that I won't need any customizations applied to it.
     
    For other simpler PCF components, I have used Mutation Observer concept to listen to the change of the control, this might work for Modern Lists as well (I haven't tried myself) - https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Tom Macfarlan – Community Spotlight

We are honored to recognize Tom Macfarlan as our Community Spotlight for October…

Congratulations to the September Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 69 Super User 2025 Season 2

#2
Jerry-IN Profile Picture

Jerry-IN 55

#3
dgray304 Profile Picture

dgray304 39

Last 30 days Overall leaderboard

Featured topics

Product updates

Microsoft Power Platform Community release plans