SOLVED

How to include customCardProps in JSON - For Hover Formating

%3CLINGO-SUB%20id%3D%22lingo-sub-1395699%22%20slang%3D%22en-US%22%3EHow%20to%20include%20customCardProps%20in%20JSON%20-%20For%20Hover%20Formating%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1395699%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20saw%20an%20interesting%20formating%20view%20in%20microsoft%20site%26nbsp%3B%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%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fcolumn-formatting%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20there%20if%20I%20copy%20the%20JSON%20and%20apply%20to%20a%20List%20it%20apeears%20the%20message%20bellow%20%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%22Define%20your%20formatter%20options%20inside%20the%20customCarProps%2Fformatter%20property%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EBut%20inb%20the%20same%20site%20its%20not%20clear%20how%20to%20do%20that%20definition.%26nbsp%3B%20It%20mentions%20this%20%22This%20example%20uses%20customCardProps%2C%20openOnEvent%2C%20directionalHint%20and%20isBeakVisible%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EBut%20cant%20find%20out%20how%20to%20include%20this%20in%20the%20JSON%20or%20list%2C%20is%20there%20a%20more%20detailled%20instruction%3F%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThanks!%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1395699%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1395868%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20include%20customCardProps%20in%20JSON%20-%20For%20Hover%20Formating%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1395868%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F670053%22%20target%3D%22_blank%22%3E%40bwind%3C%2FA%3E%26nbsp%3B%20the%20full%20JSON%20is%20at%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-list-formatting%2Ftree%2Fmaster%2Fview-samples%2Fcustom-hover-cards%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-list-formatting%2Ftree%2Fmaster%2Fview-samples%2Fcustom-hover-cards%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23333399%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1396078%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20include%20customCardProps%20in%20JSON%20-%20For%20Hover%20Formating%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1396078%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40Rob%20Elliott%3C%2FA%3E%26nbsp%3Bthanks!%20it%20look%20more%20simple%20in%20the%20site%20kkkk%20over%201000%20lines%20got%20trick%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hi, 

 

I saw an interesting formating view in microsoft site 

 

https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

 

But there if I copy the JSON and apply to a List it apeears the message bellow : 

 

"Define your formatter options inside the customCarProps/formatter property"

 

But inb the same site its not clear how to do that definition.  It mentions this "This example uses customCardProps, openOnEvent, directionalHint and isBeakVisible"

 

But cant find out how to include this in the JSON or list, is there a more detailled instruction?

 

Thanks!

2 Replies
Highlighted
Best Response confirmed by bwind (New Contributor)
Solution

@bwind  the full JSON is at https://github.com/pnp/sp-dev-list-formatting/tree/master/view-samples/custom-hover-cards

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

Highlighted

@Rob Elliott thanks! it look more simple in the site kkkk over 1000 lines got trick