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,List 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:
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 ?SPFx Extensions Examples with Angular JS (or) Angular 4
Hello Everyone, I am trying to create a SPFx extension with Angular JS (or) Angular 4 framework to have the custom Top navigation rendered in SP Online by reading the navigation terms from Term Store. I am not able to find any related examples in SPFx Extensions with Angular. Can i get any pointers for this. Thanks for the support. Thanks & Regards, Bhanu
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!Modern UI List date column default values bug?
I've found that the Modern UI has an issue with default values for date columns. I can reproduce this in multiple tenants, and with the following configuration: 2 date columns: 'date default today' - default value set to 'Today's date' 'expiry' default value set to calculated value =Today+7 In the modern UI, the new item renders as below: In classic, it renders like this: I've found that a default value of a specific date renders correctly - so the issue appears to be limited to where the date default value is calculated or 'today'. Is anyone else seeing this behaviour?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 NigelBranding 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 ~CharismaInconsistency 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!
