Transform Content Navigation With List JSON Formatting

[@stevecorey365]

🔥 Here's another great JSON solution that you can add to your SharePoint pages - th-cam.com/video/sE98UJTI66E/w-d-xo.html

[@ShirazGaffoor]

1

[@flightmode7655]

Steve, every time you drop a video i am excited to learn something new. you really are doing great stuff!

[@stevecorey365]

Thank you so much!! You made my day! 😀

[@squareggs]

This is great thanks Steve, I’m definitely trying this. Your JSON solution videos got me started on my JSON journey, much appreciated. Hoping to enrol on your online course in the new year 🤩

[@stevecorey365]

Thanks so much! It's been fun showing off these great examples and breaking down how they work. Can't wait to see you in the course! I just finished recording the content, and it covers so much!

[@simonfesting8933]

Great video thanks. I would like to see it that under the text on the right hand side was a link to go back to the list item, in case we want to add more columns of information

[@stevecorey365]

That would be a nice feature to have!

[@ThomasFogg-b7c]

Thanks, Steve. Excellent channel 🤘🏻
Do you know if there's a way to display an image in this Content Navigator view? I have managed to add an image from the source list by using "src": and referencing the default URL created SharePoint when Image column is created, but I can't figure out how to make it automatically apply the picture relevant to that item in list - like how the "txtContent" works.
"src": "@currentField" doesn't seem to work, I think because the image is saved in a unique URL location?

[@stevecorey365]

Thanks so much!!
That's actually one of the big topics I cover in my new course. You have to use the syntax [$FieldName] to reference another column.

[@masarubae]

Steve.. this is amazing!!!!! Thank you so much

[@stevecorey365]

Glad you liked it!!

[@TTeamFan]

Nice addition to the JSON toolbox

[@stevecorey365]

Thanks so much!!

[@johnkang4323]

Hi Steve, enjoyed the video. Is it possible to add a link to the content column so that users can click on it to be taken to a different site or page?

[@stevecorey365]

Absolutely! If you had a rich text column, you'd be able to add hyperlinks. That should work to achieve your goal.

[@johnkang1340]

I tried that but it displays the html code when I do that.

[@susansiqueira9668]

@@johnkang1340 the same is happening to me. did you find any solution?

[@chap666ish]

Really nice, Steve.
What happens when someone clicks the left/right-arrow when they are the start/end of the list?

[@stevecorey365]

Great question! In this example, there's an expression that will hide the "back" button when you're at the beginning of the list. That's not used on the "next" button, but nothing happens when you click it while on the last item. That would be a great thing to add to Chris's solution, if you want to get yourself a free M365 github badge!

[@AD12209]

Amazing video! Is there a way to prevent the page from moving when the button is clicked? Also, can we add clickable URLs?

[@stevecorey365]

I don't think so. It's a little annoying, but I could live with it (I think?) 😊

[@kristianacelgenecua7064]

This is neat!
However i'm encountering an issue with the Content View. If the Multiple-line Text is longer than usual, it overlaps with the previous entry - making it unreadable. Is this something that can be adjusted by modifying the JSON Definition? I tried changing the height in content-navigator.json but it only added whitespace between contents. When i click the Links, it still overlaps.

[@stevecorey365]

Yes, there are CSS properties to control text overflow. That sounds like it will fix that issue.

[@Dezz005]

Awesome Video!!!

[@stevecorey365]

Thanks!

[@PowerPlatformDiv]

It’s awesome 🙌

[@stevecorey365]

Thanks so much!!

[@BigLeafDropper86]

nice one

[@stevecorey365]

Thanks so much!