SPO list view formating - json beginner

%3CLINGO-SUB%20id%3D%22lingo-sub-1355355%22%20slang%3D%22en-US%22%3ESPO%20list%20view%20formating%20-%20json%20beginner%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1355355%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3CBR%20%2F%3EWhen%20i'm%20doing%20conventional%20row%20format%20-%20change%20the%20row%20color%20of%20items%20modified%20today%20-%20it%20does%20that%20and%20creates%20the%20json%20of%20this%20view.%20Nice.%3CBR%20%2F%3E%3CBR%20%2F%3EThere's%20a%20simple%20Hover%20on%20Title%20json%20code%20that%20when%20i%20try%20just%20this%20code%20it%20works%20very%20nice.%3CBR%20%2F%3EI%20am%20trying%20to%20combine%20the%202%2C%20row%20conditional%20format%20and%20hover.%20can%20someone%20assist%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%3C%2FA%3E%3CBR%20%2F%3Escroll%20down%20to%20Default%20cards%20on%20hover%20via%20formatting.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20copied%20the%20code%20here%3A%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22elmType%22%3A%20%22div%22%2C%3CBR%20%2F%3E%22children%22%3A%20%5B%3CBR%20%2F%3E%7B%3CBR%20%2F%3E%22elmType%22%3A%20%22img%22%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%3CBR%20%2F%3E%22width%22%3A%20%2232px%22%2C%3CBR%20%2F%3E%22height%22%3A%20%2232px%22%2C%3CBR%20%2F%3E%22overflow%22%3A%20%22hidden%22%2C%3CBR%20%2F%3E%22border-radius%22%3A%20%2250%25%22%2C%3CBR%20%2F%3E%22margin%22%3A%20%222px%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22attributes%22%3A%20%7B%3CBR%20%2F%3E%22src%22%3A%20%22%3D'%2F_layouts%2F15%2Fuserphoto.aspx%3Fsize%3DS%26amp%3Baccountname%3D'%20%2B%20%5B%24Editor.email%5D%22%2C%3CBR%20%2F%3E%22title%22%3A%20%22%5B%24Editor.title%5D%22%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%7B%3CBR%20%2F%3E%22elmType%22%3A%20%22span%22%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%3CBR%20%2F%3E%22vertical-align%22%3A%20%22middle%22%2C%3CBR%20%2F%3E%22margin-left%22%3A%20%222px%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22txtContent%22%3A%20%22%5B%24Editor.title%5D%22%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%5D%2C%3CBR%20%2F%3E%22defaultHoverField%22%3A%20%22%5B%24Editor%5D%22%3CBR%20%2F%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1355355%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eformating%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EJson%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
New Contributor

Hi,
When i'm doing conventional row format - change the row color of items modified today - it does that and creates the json of this view. Nice.

There's a simple Hover on Title json code that when i try just this code it works very nice.
I am trying to combine the 2, row conditional format and hover. can someone assist?

 

https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting
scroll down to Default cards on hover via formatting.

 

 

I copied the code here:

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"children": [
{
"elmType": "img",
"style": {
"width": "32px",
"height": "32px",
"overflow": "hidden",
"border-radius": "50%",
"margin": "2px"
},
"attributes": {
"src": "='/_layouts/15/userphoto.aspx?size=S&accountname=' + [$Editor.email]",
"title": "[$Editor.title]"
}
},
{
"elmType": "span",
"style": {
"vertical-align": "middle",
"margin-left": "2px"
},
"txtContent": "[$Editor.title]"
}
],
"defaultHoverField": "[$Editor]"
}

 

 

thanks

0 Replies