Questions tagged [view-formatting]
View formatting is sued to customise how views in SharePoint lists and libraries are displayed.
94
questions
1
vote
1
answer
16
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
19
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
17
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
16
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
17
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
54
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
73
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 ...
0
votes
1
answer
103
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.
0
votes
0
answers
104
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
0
answers
40
views
Help with custome JSON to scale image
I have the following JSON used in Gallery View.....I want help with amending the JSON so that the logo shown in the gallery view is auto scaled to fit.
{
"$schema": "https://developer....
0
votes
1
answer
40
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
1
answer
10
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 ...
1
vote
1
answer
38
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
29
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 "...
0
votes
1
answer
549
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
2
answers
124
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
69
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 ...
0
votes
1
answer
284
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, ...
0
votes
2
answers
120
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 ...
3
votes
1
answer
853
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&...
1
vote
1
answer
200
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 ...
0
votes
2
answers
434
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 ...
0
votes
2
answers
281
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 ...
0
votes
0
answers
43
views
How to remove or hide overlay icon from bottom left of cards in document library gallery view?
If I try to format the View of a Document Library in Gallery Layout by going to Card Designer.
Each of the images in the document library have a small icon in the bottom left of them.
The ...
0
votes
1
answer
76
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
77
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.
0
votes
1
answer
274
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
vote
1
answer
671
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
441
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/...
2
votes
1
answer
394
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' && ...
0
votes
1
answer
891
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....
1
vote
1
answer
889
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
589
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
2
answers
1k
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
1k
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
250
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 ...
1
vote
1
answer
148
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 ...
2
votes
2
answers
890
views
Modern lists - Row hover style
I'm customizing a modern list using the default styling and conditional formatting tools but now that I have set row colors the hover styles of the rows are clashing.
I want to just remove the hover ...
2
votes
1
answer
1k
views
Format view using @group.fieldData on a lookup column
I'm trying to do some formatting of my document library. I'm specifically trying to format when I've grouped by a column, this column is a lookup column to another list.
This is the code I'm using.
{
...
0
votes
1
answer
954
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 ...
2
votes
1
answer
3k
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 ...
0
votes
2
answers
1k
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
696
views
Lists 365 JSON - group header based on condition
Similar to the example here: Example: Color coded group header with aggregate
I am trying the group header text in the list view to show the number of tasks that are NOT 'Completed' in the 'Status' ...
2
votes
1
answer
1k
views
How to add an image to a column based on the value of another column (and have it show correctly in Gallery view)?
Desired Behavior:
Display an image in the column My Image based on the value in the column Model.
My Image is type Picture (I also tried making it type Image but got the same outcome).
Model is type ...
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
1
answer
24
views
How to color new list record like outlook do? [closed]
Is there any possibility to color new record on SharePoint list like outlook new emails?
0
votes
1
answer
3k
views
Format List View: JSON background colours 'ms-bgColor2' property - very few colours available
I'm attempting to change the colour of the bg-Color property. By standard on my list the colour is set to white. I'd like to change it to a different colour, but there are very few available to me. ...
0
votes
2
answers
125
views
Any way to have document read time in SP library Tile View JSON Format
Is there any way to estimate the document read time in SP Document library Tile view using JSON formatting.
Any help would be appreciated.
1
vote
1
answer
2k
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
2
answers
3k
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. ...