News Web Part rendering issues
Is anyone noticing major rendering issues with the SharePoint Online News web part? The issues are similar to this post... https://techcommunity.microsoft.com/t5/sharepoint/changes-to-top-story-news-web-part/m-p/2586536 ...but the impact is also on other 'Layout' types. It is almost as if Microsoft have broken their CSS or something, as the images used in news item banners are rendering as full size, rather than being cropped and having a gradient applied (to ensure text is readable in the web part). My configuration of the web part is as shown below (or attached), and I can confirm that this issue is happening in multiple tenants, and mulitple site collections. In fact, I can't find any site collection where this issue ISN'T occurring. Be very keen to hear of others experiencing this, and would be grateful if others could test this in their own tenants to see how widescale the problem is. Thanks, Joe
SharePoint : Workflow > Send an Email > Customizations (CSS)
Hello everyone, I'm customizing the body of an email send by SharePoint's Workflow action "Send an Email". Knowing that this action does not support what's inserted in the <style></style> tags and the only way is to do it inline within the target html tags, I'm currently facing the following issue: somewhere in my email's body text, I'm getting the value of a specific item's field (example: [%CurrentItem:Body%] which can contain images in between of the text. How can I apply the css in order to set this images' width? Thanks in advance! Kind regards, Duarte
How to stop CSS to be applied to a part of layout on the samepage, (wikipage)
I have created a SharePoint Page using Wiki page option. - I used the two column option and created the page. Added the html code for accordions using the Js and some css style I did that by using Insert-> Embedded code -> added the code in the box and it was added as a webpart and it solved my purpose. - But here is a new problem, I don't want the CSS to be applied to the other column of the page. How to avoid that. Also, I want to change the color of the alternate header to grey, any code for that would really help, thank you. please help Best Regards <script src="..//SiteAssets/jquery-2.0.2.min.js"></script> <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"> <title>Untitled</title> <style> /*** CSS for collapsable headers ***/ /*** Expanded h2 ***/ #DeltaPlaceHolderMain h2:before { display: inline-block; margin-right: .5em; border-radius: 2em; padding: 0 .05em .05em ; background: black; color: #fff; cursor: pointer; vertical-align:middle; font: bold 0.8em/0.8 verdana, sans-serif; content: '\2212'; /* math operators minus sign */ } /*** Collapsed h2 ***/ #DeltaPlaceHolderMain h2.expand:before { content: '\2b'; /* basic latin plus sign */ } </style> </head><body> <div id="DeltaPlaceHolderMain"> </div> VishnuList View Format Stopping at 10 items
I am trying to implement the Profile Card view (https://github.com/SharePoint/sp-dev-list-formatting/tree/master/view-samples/profile-card) onto a list of people with about 100 items. However, when I apply it it only loads the first 10 items. It works okay if I remove the float:left but then I just have one long column, which is not what I'm going for. Has anyone else experienced this? I'm not a CSS master unfortunately. Here is a shortened version: { "schema": "<a href="https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json" target="_blank">https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json</a>", "hideSelection": true, "hideListHeader": true, "rowFormatter": { "elmType": "div", "style": { "display": "flex", "flex-wrap": "wrap", "flex-direction": "column", "align-items": "center", "justify-content": "space-around", "min-width": "300px", "min-height": "200px", "border-radius": "8px", "margin-right": "10px", "margin-bottom": "10px", "box-shadow": "2px 2px 4px darkgrey" }, "attributes": { "class": "ms-bgColor-neutralLighterAlt ms-bgColor-neutralLight--hover ms-fontColor-themePrimary--hover" }, "children": [ { "elmType": "div", "children": [ { "elmType": "img", "style": { "display": "block", "height": "auto", "max-height": "96px", "max-width": "96px", "border-radius": "50%" }, "attributes": { "src": "= @currentWeb + '/_layouts/15/userphoto.aspx?size=L&accountname=' + [$Person.email] + '&UA=0&size=HR48x48'", "title": "[$Person.title]" } } ] }, { "elmType": "div", "style": { "text-align": "center" }, "children": [ { "elmType": "div", "style": { "font-weight": "500", "font-size": "1.5rem" }, "txtContent": "[$Person.title]" } ] } ] } }
How to change the default custom colors in a SharePoint calendar
Hi All, I can use category and overlays to apply custom colors on items in a SharePoint calendar BUT the default colors are not very good (well IMHO). I woud like to see Yellow, Orange etc) I have seen how to add a New css file but do not do not know how to make it etc. Any other solution or is there someplace I can find the css file? Thanks Bert
SharePoint Online-Communication Site- Script Editor apply changes to all pages
I am using a SPFX Script Editor to make color changes on the Header of the Home Page. Now, when I visit other pages in the SharePoint site like-Site Contents, I don't see the changes applied to the header. How can I ensure that the changes are applied across the site? Is it possible to edit the master page on the Communication site?
