Comments (8)
Thanks for the feedback. This is a totally reasonable feedback, and we are working on a "Row Formatter" feature to accomplish this. I don't have an ETA for this feature right now, but this is something we're actively working on. Highlighting an entire row with a class or set of styles depending on the value of one or more fields in the view is one of the main scenarios we're working towards with this feature.
from list-formatting.
Column Formatting is intended for single column formats only, so outside of johnnyshield's answer, there isn't a way to accomplish this with column formatting. johnnyshield's answer would work in very specific circumstances but has a few drawbacks:
- Your view could only contain field types that support column formatting
- You aren't able to recreate the OOTB view for several field types (hyperlink, person, etc.) using column formatting so you would lose some functionality
- Maintaining that solution would be tedious and error-prone
This isn't a criticism of johnnyshield since there isn't a better answer when it comes to column formatting across entire rows.
This can technically be done, however, with a Field Customizer (SharePoint Framework Extension) but requires you to manipulate the OOTB listview which isn't generally a great idea since there is no guarantee that markup/styles/etc. will not change and you may cause conflicts with other list features. Not only that, but this requires you to develop and deploy a package which is a large part of what column formatting helps us avoid.
This sounds like a good addition for User Voice. If you post it there, let me know and I'll upvote it.
from list-formatting.
They showed the row formatter at SPC, and it’s coming later this year. Expect it to be similar to the column formatter, with a JSON schema. I’m hoping there will be a built in UI by then to make the basic stuff easier.
from list-formatting.
I don't really get how they don't already have some kind of basic in-web UI
thing for the JSON column formatting stuff
@thechriskent has already put an SPFX web part together that does what I think you're talking about. You can find the project here and the SPPKG file here.
from list-formatting.
This is possible, but you'll need to apply similar formatting to each column, referring to the column name in square brackets. e.g. [$ColourThisRow].
You will make the rollout & maintenance easier if [$ColourThisRow] is a yes/no calculated column, so you can copy and paste relatively simple JSON code across all the columns.
from list-formatting.
Anything new on this front? Got a user asking for this exact behavior in SharePoint.
from list-formatting.
from list-formatting.
I'm going to close this issue since View Formatting will be released soon and solves this issue. View Formatting allows you to specify a formatter (very similar to the Column Formatter syntax) directly to individual list views. In your formatter you can specify a rowFormatter
property that gives you total control over how rows are rendered.
from list-formatting.
Related Issues (20)
- Sample - yesno-icon-color not working as intended HOT 5
- I have a question about honeycomb-link when used with an embedded webpart HOT 2
- I have a question about formatting a column that contains a JSON string HOT 2
- I have a question about JSON code in lists HOT 2
- Generic Gantt chart - Date field cannot be edited HOT 6
- Birthday Sample, does not populate birthday. HOT 5
- No longer works as it used to: form-samples/wrapped-body HOT 2
- Gallery View: Scaling of SVG files HOT 1
- honeycomb SAMPLE has made me sad, please help HOT 6
- Changes made by GENERIC-UPDATE-BUTTON are not immediately visible to other users HOT 2
- group-header-remove-column-name-clickable has made me sad, please help HOT 6
- Links do not open in Microsoft Lists App in some samples HOT 8
- I have a question about Praise Cards HOT 3
- Remove 'Editing' Worry From 'Custom Charts' - view-samples/custom-charts HOT 1
- group-header-remove-column-name has made me sad, please help HOT 4
- text-qrcode question/help HOT 5
- View Formatting - Group - GroupProps To Trigger Expand / Contract Without Malforming Header HOT 7
- Birthday Sample List formatting not working with @now HOT 1
- [SUGGESTION] Color Picker Potential HOT 5
- Colorful Honeycomb Links HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from list-formatting.