Questions tagged [view-formatting]
View formatting is sued to customise how views in SharePoint lists and libraries are displayed.
109
questions
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 (...
- 99
1
vote
1
answer
38
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 ...
- 11
0
votes
2
answers
52
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 ...
- 3
0
votes
1
answer
251
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 ...
- 47
0
votes
0
answers
71
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
83
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 ...
- 999
0
votes
1
answer
73
views
How to center the content of all the SharePoint Gallery cards?
How can I center the content of all the SharePoint Gallery cards?
- 109
0
votes
1
answer
90
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
226
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 &...
- 25
2
votes
1
answer
150
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 ...
- 23
1
vote
1
answer
320
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 ...
- 23
1
vote
1
answer
82
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 ...
- 25
1
vote
2
answers
75
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?
- 25
1
vote
2
answers
551
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 ...
- 25
0
votes
1
answer
63
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:",
...
- 25
1
vote
1
answer
47
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 ...
- 23
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 ...
- 11
1
vote
1
answer
250
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 ...
- 17
0
votes
0
answers
45
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
1
vote
1
answer
61
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
441
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" ...
- 13
0
votes
0
answers
179
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
0
votes
1
answer
492
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,005
0
votes
0
answers
208
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 ...
0
votes
1
answer
63
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:
{&...
- 35
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 ...
- 27
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 (...
- 11
0
votes
1
answer
78
views
How to dynamically hide/show a DIV area in a custom row formatter
I have a custom row formatter to display Q&A information in a list. I'd like for the display to show on Row 1 the Q, and Row 2 the A.
But - I want the initial view to not display any of the "...
- 39
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 ...
- 33
1
vote
2
answers
436
views
JSON code for centering SharePoint list within List web part
I have formatted a Tile/Gallery view of a SharePoint list and would like to know if anyone knows how to actually center these tiles/list on the page within the web part?
This is my code:
{
"$...
1
vote
1
answer
342
views
Can JSON make a field appear conditionally in a view if it contains a value?
Please can you help me with a problem I have, using JSON to customize a view?
I'm creating a glossary, using Lists. The List contains all the metadata for a term – then I'm using the list web part to ...
- 13
0
votes
1
answer
515
views
Formatting the image picker panel with JSON view formatting
I'm using the organizational assets option to provide users a central repo of approved images to use on their sites.
For pages we offer a banner image and optimized thumbnail and on smaller screens, ...
- 589
0
votes
4
answers
510
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 ...
- 165
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&...
- 43
1
vote
2
answers
509
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 ...
- 11
0
votes
2
answers
1k
views
Using JSON to hide or show row depending on a row value
Can anyone explain this? I wrote this JSON back in June. It's to show birthdays for the current month. I have a simple list with a date field. To hide rows that are not in current month, I am ...
- 39
0
votes
2
answers
566
views
SharePoint Online list row formatting with the LookUp column string start with condition using JSON
I have a project list with the color status as Blue-PRJ1, Blue-PRJ2, Blue-PRJ3, Green-PRJ1, Green-PRJ2, Green-PRJ3, etc.
The color status column is the LookUp type column. When the user selects the ...
- 4,034
0
votes
1
answer
137
views
Formatting library row based on dates, but ignoring blanks
I'm trying to use the in-built tools to format a row in SharePoint online.
It is simple, I want it to highlight the row red when the due date is in the past AND another column value has been set. I ...
0
votes
1
answer
130
views
List: remove line delimiter
Is it possible to remove the light greyish delimiters in a SharePoint List?
I already set margin to 0 but nothing happened.
- 177
0
votes
1
answer
458
views
SharePoint list in Gallery view does not respect item limit setting
I have one quick question for which I am not able to find a solution now. It seems to me, when any SharePoint online list or Microsoft List in Gallery view is used, cards does not respect configured ...
- 1,616
1
vote
1
answer
1k
views
SharePoint Online list - format group headers to remove column name when multiple columns are grouped
I have been searching the web to try and find an answer to this question however, all pages seem to relate to just 1 column grouping.
I have a list of people who are grouped together as gangs and then ...
0
votes
1
answer
896
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/...
- 4,226
2
votes
1
answer
590
views
SharePoint Online View Formatting: Multiple If Statements Problem
I am really struggling with the following if statement inside a group header in SharePoint Online JSON View Formatter:
"txtContent": "=if(@group.fieldData.displayValue == 'A' && ...
- 21
0
votes
1
answer
1k
views
How to fill blank SharePoint List Lookup field with default value using json
The following is part of JSON formatting in a SP List that turns rows red if field LookupFieldX is empty:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting....
- 41
1
vote
1
answer
2k
views
JSON Sharepoint Row Conditional Formatting
I have been attempting to format the colour of each row via the date in my $CONTRACTEXPIRES column.
I have the formatting set successfully to be red if the date has passed and green if it has not.
...
1
vote
1
answer
901
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 ...
- 25
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 ...
- 41
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 ...
- 39
1
vote
1
answer
662
views
How do display image from an Image column in a custom row formatter
I have a list with an Image column and 3 descriptor fields. I want to create a custom display that has the image in section 1 and the 3 descriptors stacked in section 2. I can't figure out how to get ...
- 39