Questions tagged [view-formatting]

View formatting is sued to customise how views in SharePoint lists and libraries are displayed.

Filter by
Sorted by
Tagged with
0 votes
1 answer
1k views

JSON to format SharePoint List items under a Header

I have formatted a list to look like the one below. I would like to wrap them in a DIV so i can have a header above them named "Useful Tools" or something. I can't seem to get a header above ...
1 vote
1 answer
1k views

How do I format Tile View JSON so that it doesn't break apart a word in the middle of the word for multi line column

I have created a tile view that has a few columns from a SharePoint list. I have everything formatted perfectly, except it randomly breaks apart lines in the middle of a word. Say teacher it would be. ...
0 votes
2 answers
3k views

Columns are missing in the gallery's Card Designer

I'm using the gallery view in a Microsoft 365 SharePoint list. I'd like to add a few more fields (i.e., columns defined in the SP List) to the display, but not all the fields (column names) are ...
0 votes
1 answer
17 views

Adding a semi-transparent cover on an image in a SharePoint View?

I have a custom JSON view in SPO. It displays an image (the same one each time - don't ask! this is what someone wants!) I would like the images in the view to show a 50% transparent shadow on hover (...
1 vote
1 answer
46 views

SharePoint Online - FAQ List Colors

I am building a fairly simple FAQ for my team's website. I've got the list setup and the JSON formatting in place but I am trying to get the main column headers to display in a different color than ...
3 votes
1 answer
5k views

SharePoint Online list - format group headers to remove column name

I have a SharePoint Online list that contains employee documents for each of our staff members. I keep it grouped by employee name which is great, but the word 'Employee:' before each name is really ...
2 votes
1 answer
3k views

SharePoint format groupby over full width (group props headerformatter json)

I have a SharePoint Online list with a groupby in the status field. Now I want to change the whole background of the groupby so that the status row has a different color. I have already applied JSON ...
1 vote
3 answers
899 views

Sharepoint list, conditioanlly displaying icon

hope you are doing well. I am currently trying to custom format a list using JSON. I am having trouble conditionally displaying the "Attach" or paperclip icon depending on whether the field attachment ...
1 vote
2 answers
2k views

SharePoint modern view formatting with JSON: URL returns void

I'm trying to format a List in SharePoint modern view. When clicking on the the URL "Bekijk recept" I get a javascript:void(0); instead of opening the URL. Here you can see some of the code:...
1 vote
2 answers
5k views

JSON Row Formatting Display Icon based on column value

I am working on some custom JSON using the "rowFormatter" view formatting schema. I want to display an Icon depending on the value in another Column. My conditional statement is not working. ...
0 votes
2 answers
66 views

Resources for Learning to format SharePoint Online Lists with JSON

What resources would you recommend for someone needing to quickly learn to format SharePoint Online list items and views using JSON? The individual is not a developer but has basic knowledge of some ...
0 votes
1 answer
913 views

How to get photo of user json formatting view

I'm trying to get a photo to show on my view. Tried the below but it won't work: "attributes": { "src": "='https://aaa.sharepoint.com/sites/XXX/_layouts/15/...
0 votes
2 answers
1k views

Sharepoint online list view formatting DefaultHoverView using forEach

I am using Sharepoint list JSON view-formatting and want a list of names to each show their live persona card on hover. I can get this to work for just one name, but when I use forEach I cannot get ...
0 votes
1 answer
363 views

Making a custom SharePoint List JSON View Format that can automatically display new columns

I have created a JSON view format in a SharePoint List for a client. They anticipate that in the future they will be adding additional columns to the list, but they do not have the in-house expertise ...
0 votes
0 answers
98 views

Set width of Cards to Full Screen using JSON view formatting without changing height

How can I set the width of the Cards (or Tiles) in SPO Modern views to full screen without having to increase the height? I'd like to set the width to 1500px but the width is somehow tied to the ...
0 votes
1 answer
102 views

Possible to use custom formatter in tile view?

I have a library that uses Document Sets and there are columns on the document set content type. I want to display them in a view that uses the Tile format like this: I use the JSON column formatting ...
0 votes
1 answer
1k views

Show Description on Title Hover in Gallery view

I have a custom list with Title and Description. I wish to display the list view as a gallery with only the Title in it. On hover over the title, it should display the description field covering the ...
0 votes
1 answer
85 views

How to center the content of all the SharePoint Gallery cards?

How can I center the content of all the SharePoint Gallery cards?
3 votes
1 answer
3k views

(SP List) How to wrap a text in the format view?

What I'm trying to do is achieve making my own header and hiding the original header so that the users can't change the setting. To accomplish this, I found that I can change the "Format View&...
0 votes
4 answers
533 views

List formatting, column not loaded

Question: How can I enforce to load a column with data without it being seen as a separate column? Problem: I have two columns, title and summary. Now I would like to display only title in list view ...
0 votes
1 answer
97 views

Get a List View via REST API with custom formatting and display it

I have a List with a View on it that has custom formatting. I am trying to pull the list via REST API and display the items according to that view within a SPFX-webpart with the custom formatting ...
1 vote
1 answer
245 views

Help with JSON code for SharePoint online document library

I have a document library that I want users to be able to add a photo to with a title and descriptions and others be able to hover over the pic in gallery view and see the description AND be able to &...
2 votes
1 answer
169 views

Display video description with JSON formatted gallery view

I store videos inside a SharePoint document library: Now I want to display the videos in a custom tile view using JSON formatting, but the "Description" column available in the list view is ...
1 vote
1 answer
379 views

Is it possible to create buttons for hyperlink fields in a SharePoint modern customized list view?

I have created a list that contains document names, 4 choice fields to select and define what the document is, and 2 hyperlink fields to take the user to the document in either English or French. So ...
1 vote
2 answers
698 views

Formatting JSON view in SharePoint how to group?

Can I check, I have two columns: category and questions. I want to group all the questions that are related to the category as a group. Can I know how? Category A Questions 1, 2 3 Category B ...
2 votes
1 answer
4k views

How to make Tile clickable using JSON

I have the following JSON on my SharePoint (added via Format View for Tiles): { "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json", "hideSelection": true, "...
3 votes
3 answers
1k views

Is it possible to add JSON code to hide and show other rows based on column value?

I am using view formatting with JSON and wondering if its possible to add button that can sort, hide and show other rows based on their column value, like only show items in toys department store and ...
1 vote
1 answer
89 views

How to append a column value to a group header

I have a list grouped by Name and I'd like to append their job title to the header. The Job Title column exists in the list and it is a lookup field. So it would look like this: John Smith - General ...
0 votes
0 answers
214 views

Using additional field from lookup column in list view group header

I have a requirement for setting up a list view that groups by a date and a title, and sorts descending chronologically. The date in the list is a lookup column. Using ootb view settings I can get the ...
1 vote
1 answer
384 views

How to change a row colour based on cell entry in SP

I've looked at various sources, tried various solutions but nothing seems to work for me. I'm using SP, I don't know which version but it's a later one - it has the option to click back to 'Classic ...
0 votes
2 answers
3k views

Row formatting based on a LOOKUP column value in modern SharePoint List

Modern experience SharePoint List A has a LookUpColumn that retrieves values from NumberColumn in ListB. I need conditional formatting that applies a color across an entire row based on a value in the ...
1 vote
2 answers
84 views

Is it possible in SharePoint Online to set list row colors only on the grouped header rows?

Is it possible in SharePoint Online to set list row colors only on the grouped header rows? I'm hoping I can format the grouped list like this?
1 vote
1 answer
69 views

Don't generate Card in SharePoint Online List Gallery View (JSON)

I have got a SharePoint list that i would like to display in a SharePoint Site. Different Users should only see the elements that are meant for them. This is determined by the columns Zielgruppen (...
0 votes
1 answer
64 views

JSON to resize picture based on another column value

I am using SharePoint Online and have a list I have two columns: Department (single line of text) Logo (URL formatted showing as a picture) I have formatted the Logo column as follows: {&...
1 vote
2 answers
2k views

Access information in hidden columns with JSON formatting

I am trying to format a document library in our SharePoint Online platform. The goal is to have a row with a video thumbnail, title and short description. The title is not the same as the video file ...
1 vote
2 answers
614 views

Conditional formatting of board card background color

I am using a Board view to manage team tasks. One of the fields is the AssignedTo field which is a choice field with peoples' first names. I want to color the background color of the cards based on ...
0 votes
1 answer
69 views

JSON Formatting - mailto - cc address isn't working

I'm trying to include a cc address for my item list email link. I used this: "href": { "operator": "+", "operands": [ "mailto:", ...
1 vote
2 answers
523 views

Why can't I change the width in a Sharepoint list gallery view with Json?

I'm fairly new to using JSON and I'm trying to create a Gallery view to use with dynamic filtering. I have the view working the way I want, but I can't get the width and height of the 'card' to be ...
1 vote
1 answer
57 views

Repeat a span element 20 times in SharePoint view

I'm heavily customizing view of a SharePoint list using JSON formatting, a gantt-like timeline, a roadmap. I would like to split the timeline with 20 vertical lines over it. Currently I have done it ...
1 vote
1 answer
23 views

Format View with AdditionalRows in Modern List

I set up column color coding based on the Due Date, but I want to extend that to the entire row. If the due date is within 30 days, the color is red. If the due date is within 60 days, the color is ...
1 vote
1 answer
265 views

Used JSON to format list view: why is my tile view in web part rendering wider than in the list?

I am using JSON to format list view in SharePoint online list. Why is my tile view in web part on site pages rendering wider than in the default list page? A related question: How can I change the ...
0 votes
0 answers
46 views

Format SP list gallery view

I'm trying to format a gallery card in SharePoint to the columns side by side, I tried several approaches but didn't manage to get it working. What I have is this: What I want it to look like: The ...
0 votes
1 answer
21 views

How to use JavaScript to conditionally format a grouped view of a SP13 list

I have found examples that allow for highlighting a row based on date, I need to also highlight the 2 group tabs above that row example Group(highlight red if any row in group meets condition) ...
1 vote
1 answer
63 views

Can i know why the title and modified by not showing also the box shadow was also not working... sorry im new with this

Can I know why the title and modified by not showing? also the box shadow is not working? { "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json&...
1 vote
1 answer
459 views

Hide or Deactivate the setting "Format Current View" and "Edit Current View" in a list

I'd like to make sure that only the list owner (or if it is not possible otherwise the SharePoint Owner) is able to see the settings "Format Current View" and "Edit Current View" ...
0 votes
0 answers
181 views

Sharepoint Online - removing the column headings from the group view CODE NOT WORKING NOW

I've been using the following code successfully and then noticed recently that it's not working. Is this because of an update? Is there any updated code? Thanks very much. Code I used but no longer ...
1 vote
1 answer
911 views

SharePoint Online list - remove column name from grouped view

I'm trying to remove column names from the grouped list. I followed the instructions given here: SharePoint Online list - format group headers to remove column name but I seem to have another issue. I ...
0 votes
1 answer
516 views

Can a listview be formatted as a dropdown selector via JSON?

I would like to format a list view as a dropdown. Is this possible? Power Apps seems not to be an option due lack of taxonomy fields integration.
1 vote
2 answers
2k views

Custom view rowformatter - how to make a hyperlink look like a button

I have a list with a hyperlink field. I want to format the link to look like a button. I have tried a gazillion websites, gotten all kinds of CSS, but none of it seems to work. I've tried two ...
1 vote
1 answer
45 views

Highlight rows where Month column is equal to today's month

I have a choice column (it can be a text column if that would work) called Month, with options for Jan to Dec. I am trying to use column formatting to highlight rows where the chosen month is the same ...