{"id":2536,"date":"2024-03-19T08:37:00","date_gmt":"2024-03-19T16:37:00","guid":{"rendered":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/introducing-the-modern-list-public-preview-for-power-pages\/"},"modified":"2025-06-11T07:42:13","modified_gmt":"2025-06-11T14:42:13","slug":"introducing-the-modern-list-public-preview-for-power-pages","status":"publish","type":"post","link":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/introducing-the-modern-list-public-preview-for-power-pages\/","title":{"rendered":"[Public Preview] Introducing the modern list for Power Pages"},"content":{"rendered":"<p><span data-contrast=\"auto\">We&#8217;re excited to announce modernization in data presentation on Power Pages sites with the availability of modern list in public preview, which offers refreshed visual appearance and enhanced performance compared to the classic list.<\/span><span data-ccp-props='{\"201341983\":0,\"335559685\":-20,\"335559737\":-20,\"335559740\":257}'>\u00a0<\/span><br \/>\n<span data-contrast=\"auto\">The List is one of the commonly used data bound controls in Power Pages sites and helps display data in a tabular format allowing traversal through the data records with ease. The modern list would help make visually appealing and intuitive Power Pages sites.\u00a0 It is available as an out-of-the-box (OOB) control in the Power Pages studio with a dedicated design section to help you customize your list and align with your site\u2019s theme.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><br \/>\n<span data-contrast=\"none\">The classic list often lacks the flexibility and interactivity demanded by today&#8217;s fast-paced world to customize and make the data more presentable for the end user.\u00a0<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<div class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Classic list configuration and site experience.\" class=\"aligncenter wp-image-2537\" height=\"1045\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\" width=\"1800\"\/><\/div>\n<p><span data-contrast=\"none\">With Fluent V9 availability, we have modernized the default look and feel of the classic list including the loading experience, how the filters are applied, how an end user will traverse through a long list of records, and how the maker can customize the look and feel in studio.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><br \/>\n<strong>What does the modern list offer?\u00a0<\/strong><\/p>\n<ul>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Intuitive and visually refreshed UX: <\/span><\/b><span data-contrast=\"none\">Visually refreshed OOB modern list.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Better performance: <\/span><\/b><span data-contrast=\"none\">Reduced loading time of the list and wait for the Power Pages site user.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"auto\">New loading experience: <\/span><\/b><span data-contrast=\"none\">New loading animation<\/span><span data-contrast=\"none\"> before the modern list data displays.<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Infinite scroll:<\/span><\/b><span data-contrast=\"none\"> Content automatically loads at the bottom of the list when the users scroll.\u00a0<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Inline filters: <\/span><\/b><span data-contrast=\"none\">Filters are available by default for all columns in the list view.<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Low code styling: <\/span><\/b>m<span data-contrast=\"none\">odern list can be styled via the Pages Studio using multiple properties in the design section at Standard, Header, and Row levels.<\/span><\/li>\n<li data-aria-level=\"1\" data-aria-posinset=\"1\" data-font=\"Symbol\" data-leveltext=\"\uf0b7\" data-list-defn-props='{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}' data-listid=\"2\"><b><span data-contrast=\"none\">Improved productivity: <\/span><\/b><span data-contrast=\"none\">S<\/span><span data-contrast=\"auto\">tyling used on a modern list can be copied and pasted for another modern list with simple steps.<\/span><span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<div class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Modern list configuration and site user experience.\" class=\"alignnone wp-image-2539\" height=\"1045\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Modern-List-Gif_Updated.gif\" width=\"1800\"\/><\/div>\n<p><span data-ccp-props='{\"201341983\":0,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><br \/>\n<strong>How do I enable this feature?\u00a0<\/strong><br \/>\n<span data-contrast=\"none\">Enabling modern list in your Power Pages site would just require you to switch on a toggle button as shown below. There are no other changes to the existing list configuration in Power Pages. <\/span><br \/>\n<i><span data-contrast=\"none\">The Classic List control is still being supported and will be chosen for use if you do not opt-in for the modern list control.<\/span><\/i><span data-ccp-props='{\"201341983\":0,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/p>\n<div class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Enabling the modern list.\" class=\"alignnone wp-image-2540 size-full\" height=\"1348\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen.png\" width=\"2416\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen.webp 2416w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen-300x167.webp 300w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen-1024x571.webp 1024w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen-768x429.webp 768w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen-1536x857.webp 1536w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Opt-in-screen-2048x1143.webp 2048w\" sizes=\"auto, (max-width: 2416px) 100vw, 2416px\" \/><span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/div>\n<p><strong>Join us on the journey\u00a0<\/strong><br \/>\n<span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><span data-contrast=\"none\">We invite you to embark on this exciting journey with us as we embrace the future of list creation in Power Pages. Try out the modern list experience today and discover <\/span><span data-contrast=\"auto\">visually refreshed UI, better performance, and low\/no code capability for styling in Studio without the need for writing a single line of code.<\/span><span data-ccp-props='{\"134233117\":true,\"134233118\":true,\"201341983\":0,\"335559740\":240}'>\u00a0<\/span><br \/>\n<span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><span data-contrast=\"auto\">Read more about this preview feature in our documentation\u202f<\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/power-pages\/getting-started\/add-list#modern-list-preview\"><span data-contrast=\"none\">here<\/span><\/a><span data-contrast=\"auto\">. Please provide your feedback and ideas about improving Power Pages on the <\/span><a href=\"https:\/\/ideas.powerpages.microsoft.com\/d365community\/forum\/1edba0ec-30cf-ec11-a7b5-000d3a545c96\"><span data-contrast=\"none\">Power Pages Ideas forum<\/span><\/a><span data-contrast=\"auto\">.<\/span><span data-ccp-props='{\"134233117\":true,\"134233118\":true,\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><br \/>\n<span data-ccp-props='{\"134233117\":true,\"134233118\":true,\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><span data-contrast=\"auto\">FAQs<\/span><span data-ccp-props='{\"134233117\":true,\"134233118\":true,\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/p>\n<ol>\n<li><span data-contrast=\"auto\">Will existing\/classic list work for makers and end users?<\/span><span data-ccp-props='{\"134233117\":true,\"134233118\":true,\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span>\n<ul>\n<li><span data-contrast=\"auto\">Yes, <\/span><span data-contrast=\"none\">the classic list control would still be supported and can be used if you do not opt-in for the modern list.\u00a0\u00a0\u00a0 <\/span><span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li>How would I enable modern list in Power Pages site?\n<ul>\n<li><span data-contrast=\"none\">Modern list can be enabled by using a toggle button while adding a list to an existing site or a new site.<\/span><span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li>Is low\/no code styling capability for lists valid only for the modern list?\n<ul>\n<li>Yes, it is available only for the modern list.\u00a0\u00a0 <span data-ccp-props='{\"201341983\":0,\"335557856\":16777215,\"335559739\":0,\"335559740\":240}'>\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re excited to announce modernization in data presentation on Power Pages sites with the availability of modern list in public preview, which offer a refreshed visual appearance and enhanced performance compared to the classic list.<\/p>\n","protected":false},"author":74,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[],"job-role":[],"product":[3475],"property":[],"topic":[],"coauthors":[1448],"class_list":["post-2536","post","type-post","status-publish","format-standard","hentry","audience-it-professional","product-power-pages"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"We&#039;re excited to announce modernization in data presentation on Power Pages sites with the availability of modern list in public preview, which offer a refreshed visual appearance and enhanced performance compared to the classic list.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/introducing-the-modern-list-public-preview-for-power-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-19T16:37:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T14:42:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"2409\" \/>\n\t<meta property=\"og:image:height\" content=\"1398\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Ranjan Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ranjan Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\"},\"author\":[{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/ranjankumarmicrosoft-com\/\",\"@type\":\"Person\",\"@name\":\"Ranjan Kumar\"}],\"headline\":\"[Public Preview] Introducing the modern list for Power Pages\",\"datePublished\":\"2024-03-19T16:37:00+00:00\",\"dateModified\":\"2025-06-11T14:42:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\"},\"wordCount\":552,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\",\"keywords\":[\"Design Studio\",\"Platform\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\",\"name\":\"[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\",\"datePublished\":\"2024-03-19T16:37:00+00:00\",\"dateModified\":\"2025-06-11T14:42:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif\",\"width\":2409,\"height\":1398,\"caption\":\"graphical user interface, text, application\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Public Preview] Introducing the modern list for Power Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/ec53774170e4aebb4cf8684ef6720cb1\",\"name\":\"Ranjan Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g387700620df0c91ed56bbfd8c8b97570\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g\",\"caption\":\"Ranjan Kumar\"},\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/ranjankumarmicrosoft-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/","og_locale":"en_US","og_type":"article","og_title":"[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog","og_description":"We're excited to announce modernization in data presentation on Power Pages sites with the availability of modern list in public preview, which offer a refreshed visual appearance and enhanced performance compared to the classic list.","og_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/introducing-the-modern-list-public-preview-for-power-pages\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2024-03-19T16:37:00+00:00","article_modified_time":"2025-06-11T14:42:13+00:00","og_image":[{"width":2409,"height":1398,"url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif","type":"image\/gif"}],"author":"Ranjan Kumar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ranjan Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#article","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/"},"author":[{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/ranjankumarmicrosoft-com\/","@type":"Person","@name":"Ranjan Kumar"}],"headline":"[Public Preview] Introducing the modern list for Power Pages","datePublished":"2024-03-19T16:37:00+00:00","dateModified":"2025-06-11T14:42:13+00:00","mainEntityOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/"},"wordCount":552,"commentCount":0,"publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif","keywords":["Design Studio","Platform"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/","name":"[Public Preview] Introducing the modern list for Power Pages - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif","datePublished":"2024-03-19T16:37:00+00:00","dateModified":"2025-06-11T14:42:13+00:00","breadcrumb":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#primaryimage","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/03\/Classic-List-Gif.gif","width":2409,"height":1398,"caption":"graphical user interface, text, application"},{"@type":"BreadcrumbList","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2024\/03\/19\/introducing-the-modern-list-public-preview-for-power-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"[Public Preview] Introducing the modern list for Power Pages"}]},{"@type":"WebSite","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/ec53774170e4aebb4cf8684ef6720cb1","name":"Ranjan Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g387700620df0c91ed56bbfd8c8b97570","url":"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0600b1a0be859f44d36dc6e4bf5f02afee443e1cb4286790079410a7622fd489?s=96&d=mm&r=g","caption":"Ranjan Kumar"},"url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/ranjankumarmicrosoft-com\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/2536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=2536"}],"version-history":[{"count":1,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/2536\/revisions"}],"predecessor-version":[{"id":129781,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/2536\/revisions\/129781"}],"wp:attachment":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=2536"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=2536"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=2536"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=2536"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=2536"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=2536"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=2536"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=2536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}