Inconsistency with JSON Formatted Floating Cards in SharePoint Lists Modern UI
Dear Microsoft Tech Community, I'm reaching out to seek assistance with a crucial aspect of our SharePoint List used for shipment tracking that seems to be adversely affected by the modern UI (when the list is opened with Microsoft Lists). Main Issue: JSON Formatting of Floating Status Cards We employ JSON formatting to display floating status cards within our SharePoint List, offering a quick overview of various shipment statuses. This feature functions flawlessly within the traditional SharePoint site interface, with the card expanding beyond the column width to display content as intended. However, when using Microsoft Lists' modern UI, the card is incorrectly resized to the width of the column. This resizing causes the content to wrap, disrupt the layout, and significantly reduce the card's readability and usefulness. See attached animations below: Animation 01: shows the floating card in the SharePoint site interface, displaying the content in full without any wrapping, allowing for a complete and clear view. Animation 02: demonstrates the problematic behavior in the modern UI, where the same card is squeezed into the column width, causing an unwelcome wrap of text and icons. Additional Note: Absence of a :floppy_disk: 'Save' Button in Modern UI Additionally, we've noticed that the modern UI lacks a 'Save' button when editing items. This automatic saving of every change is not conducive to our workflow as it prematurely triggers our Power Automate flows, intended to run only after a user finalizes their edits. While this issue is secondary to the JSON formatting concern, it still represents a significant deviation from the expected functionality. The complete JSON code used in this specific column to generate the floating card can be found in the link below. ➔ https://replit.com/@AlissonBorges2/Shipment-Tracker-Floating-Card#index.js Request for Guidance and Resolution: I am looking for solutions or workarounds that can help us: Preserve the floating card's full visibility as experienced in the traditional interface. Potentially reintroduce a :floppy_disk: 'Save' button or delay the trigger of Power Automate flows until all edits are complete. Technical Details: Browser: Microsoft Edge for Business Version 119.0.2151.97 (Official build) (64-bit) SharePoint Version: SharePoint Online While I am aware that reverting to the classic UI is a temporary workaround by modifying the list's URL, it is not a sustainable or forward-looking solution. The modern UI offers a range of enhancements that significantly improve user experience and productivity. It's faster, more visually appealing, and reduces the need for manual adjustments, such as column width resizing. Therefore, I am keen on having these issues addressed within the new UI itself. Thanks!
How to make "Show published date" default as "TRUE" right now it is "FALSE" in modern News Creation
Hi All, I have a requirement to make the "Show published date" default to "TRUE" right now it is "FALSE" when i create a new News page in modern site. See the screenshot below, can we do it OOB or using some PowerShell or by any custom way ?
How to use Filter by Page Property in SharePoint Online modern UI
Hi, I have added the News webpart in my team site in SharePoint Online modern view where i am not able to perform the Filter by Page property in web part property. But it is only showing the option for "Title" not other column. Please guide me with the more details? Thanks,Getting the MArquee JQuery library to work
Hi I have a very simple javascript, Housed in @MikaelSvenson 's excellent script editor for the Modern UI. I am trying to get an announcement from the Announcements list to display on a modern UI Page from Right to Left across the page. Just like the old fashioned Marquee HTML element. But nothing is being displayed. CAn anyone see why ? <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script> <script type="text/javascript"> console.log("At start of REST Script"); $url = "https://<tenantname>.sharepoint.com"; $.ajax({ url: $url + "/_api/web/lists/getbytitle('Announcements')/items?select=*", method: "GET", headers: { "Accept": "application/json; odata=verbose" }, success: function(data) { console.log("Success"); console.log(data.d.results); var $dataArray = data.d.results; for (var $i in $dataArray) { console.log(data.d.results[$i].Title); var $str = $dataArray[$i].Body0; var $gtindex = $str.indexOf(">"); $gtindex = $gtindex + 1; $str1 = $str.substring($gtindex); console.log($str.substring($gtindex)); var $ltindex = $str1.indexOf("<"); console.log($ltindex); console.log($gtindex); var $length = $ltindex -$gtindex; var $innertext = $str1.substring(0,$ltindex); console.log($innertext); var $bodyHtml = "<li>" +$innertext + "</li>"; $("marquee").append($bodyHtml); } }, error: function(data) { console.log("Failure"); alert(JSON.stringify(error)); } }); $("#marquee").marquee(); console.log("At End of Script"); </script> <ul id="marquee" class="marquee" /> Apologies for some of the code I have been debugging it. Thanks Nigel
wrong Behaviour with Edge and Sharepoint 2019 with Modern UI and document libraries
We have a Sharepoint 2019 on premise enviroment. The following behaviour is with MS Edge on a document library: I have installed a new document library with different content types. If I try to click "NEW" to add a new dokument from a template, then a Dokument called "document1" is created , but without any extensions. If I switch to classic sharepoint, everything works as expexted. And also with IE11 it works fine. Any suggestions ? P.S. These discussion is also in Edge: wrong Behaviour with Edge and Sharepoint 2019 with Modern UI and document libraries - Microsoft Tech CommunityList Web Part Expand/Collapse View Broken on Modern Site Page
When attempting to display a list view on a SharePoint Online Modern Site Page for FAQ questions and answers the Answer field (multiple lines of text) is not displaying the values. In the examples below all question and answer fields have values and should display. In the actual list itself the same view shows both the Answer and Question values just as expected. Answer Field = Required (List Web Part) When I have the Answer field set as required (no matter if it is Plain, Rich, or Enhanced Rich text) it shows that required info is missing even though all the Answer fields have values in them. Using the List View Web Part I see the following: If I click the heading, "Question: Question #1 here? (1)" in the list view web part I then see the value for the Answer: Answer Field = Not Required (List Web Part) When I have the Answer field set as not required (no matter if it is Plain, Rich, or Enhanced Rich text) it shows no value even though all the Answer fields have values in them. Using the List View Web Part I see the following: If I click the heading, "Question: Question #1 here? (1)" in the list view web part I then see the value for the Answer:Specific user not able to see toolbar on modern library page
Hello, There is a user who has full control permission on site and library, but for that user the toolbar (new, upload, quick edit...) on the modern library page is missing, this is unusual, it works for other users. Can any please help? Thanks in advance, Anna JhaveriBranding and Customizing SharePoint Online Modern Sites
Hi, all. I am currently building out a portion of our classic intranet into the modern experience. One thing I want to be able to demonstrate is how we can customize the %^$* out of it. From what I understand so far, in addition to other web dev technologies available, SPFx, Office Fabric UI, Office UI Fabric React, and PnP are the "go-to" technologies to focus on when building out the look and feel/functionality of SPO sites. Is this true for most of you? Or are there other technologies you prefer? If so, what are they, and why would you recommend them? I really don't want this new site to get caught in a situation like some did with the original Fabric React, where it's no longer supported. I'd like to use some technologies that Microsoft plans to develop and support for awhile -OR- something else altogether that has the possibility of more longevity. Any recommendations, tips, etc, are welcome. Thanks, you guys! :D ~Charisma
Modern UI Column Customization: How do I handle lookups with multi value?
For modern ui json column styling what's the way for styling per item in a multi value lookup? At the moment this just outputs the lookup as one value separated by commas. Any insight would be great. { "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json", "elmType": "div", "style": { }, "children": [ { "elmType": "a", "txtContent": "@currentField.lookupValue", "attributes": { "href": { "operator": "+", "operands": [ "/url/DisplayForm.aspx?ID=", "@currentField.lookupId" ] }, "target": "_blank" } } ] }Sharepoint Team Group site - can not add script, lacking role? How can i fix this?
Hi Im struggling to create a webpage for my Team Sharepoint Group Site. I can not use the Modern UI pages since they dont allow me to insert any scripts. So i have created a wiki page where i can add a script. But when i add a script im faced with a error message that i do not have the correct roles. But i have tried with an global admin account and it does not work. The error message is in swedish, but roughly transleted it says HTML-code can not be attatched becaouse you can not add a webpart that uses scripts on this webpage. Contact an administrator if you think you should have access to do this. (HTML-koden kan inte infogas eftersom du inte kan lägga till webbdelar som kan användas i skript på den här webbplatsen. Kontakta administratören om du anser att du bör ha behörighet att göra detta.) I have asked our support and they say they can not find any more access to give me to allow me to add scripts. Can anyone help me find what i need? Note: I am doing this on a Microsoft Teams Group Sharepoint site. Created a wiki-page and trying to add a script. See screenshots: http://prntscr.com/jdnktw http://prntscr.com/jdnlcf Hope someone can help or at least point me in the right direction!
