Academy 365
Academy 365
  • 26
  • 239 894
Build and embed an interactive process within SharePoint!
In this video, we will create and embed an interactive process within your SharePoint Intranet using the NEW updated method of hiding the Figma UI within prototypes!🔥
Quite a few people have requested a step-by-step walkthrough on this process build, and since Figma updated their embed code, I thought now was the perfect time to create and record it! 😁
If prototypes are new to you, we will use a tool called Figma, which has design and prototyping capabilities to create some SharePoint magic!
This video explains the method and provides a step-by-step guide for creating engaging and interactive user experiences within your SharePoint sites.
Once you understand the method and follow the guide, you will unlock endless possibilities for making your SharePoint Intranet sites unbelievably engaging.
🎯 Embed Code amendment: &hide-ui=1
✅ Video Chapters
0:00 - Introduction
2:27 - Creating the process diagram
10:17 - Creating the process steps
12:43 - Creating the transition animation
15:34 - Creating the process navigation
17:30 - Duplicating and updating your process steps
19:33 - How to add interactive resource components to your process steps
26:25 - Embedding your prototype within SharePoint
🎓 Intranet Site Builders Master Class here: www.academy365.io/course/sharepoint-intranet-site-build-master-class
🎉🎉🎉 Use coupon code FLASH25 for 25% off (limited availability) 😁 Just enter at the checkout!
Переглядів: 2 890

Відео

How to Build an Automated For Sale Noticeboard for your Intranet : PART 2
Переглядів 1,7 тис.3 місяці тому
In this video, we look at PART 2 of the creating and automating a classifieds notice board on your SharePoint sites 🙌 In PART 1, we created a list with custom JSON formatting to make and incredible card view aloong with the rest of the solution user experience. In this video, we will explore how we can create a process to support users in submitting items for sale through automation. 👨‍💻 WHAT Y...
Build a Classifieds for your SharePoint Intranet with JSON : PART 1
Переглядів 3,6 тис.3 місяці тому
In this video, we look at a way you can use JSON list formatting to help create a really cool classifieds user experience within your SharePoint Intranet 🙌 👨‍💻 WHAT YOU'LL LEARN: - Tips and tricks on list styling and validation - How to use JSON list formatting to create a custom card view - How to create a classifieds site page and embed the list - List dynamic filtering 🎯 WHY WATCH This video...
SharePoint Page Headers are gone... Create your own!
Переглядів 7 тис.4 місяці тому
In this video, we look at SharePoint Page header design. With Microsoft finally allowing us to remove the default page header, we now have a massive opportunity to create our own styles and experiences 🙌 👨‍💻 WHAT YOU'LL LEARN: - How to remove the default SharePoint page header - How to create your own page header using section backgrounds - My tips and tricks to use this capability to create se...
SharePoint List Dynamic Filtering DONE RIGHT thanks to Chat GPT
Переглядів 11 тис.5 місяців тому
In this video, we are looking at how we can take the standard dynamic filtering user experience and turn it into a fantastic user experience for your SharePoint Online Intranet 🙌 👨‍💻 WHAT YOU'LL LEARN: • What Dynamic Filtering is • What's wrong with the user experience it provides • How to use it to create a top-class user experience • How to use ChatGPT to create custom JSON list view layouts ...
See what I created... NEW SharePoint Custom FONTS and IMAGE backgrounds
Переглядів 4,1 тис.6 місяців тому
In this video, we are looking at the new CUSTOM FONTS and SECTION BACKGROUND IMAGE functionality within SharePoint Online 🙌 👨‍💻 WHAT YOU'LL LEARN: • Custom Fonts: Learn how to add custom fonts to your SharePoint sites • Section Backgrounds: Learn how to effectively use the new section background (plus some handy tips!) • Site Build Along: Follow along as we replicate the Ben & Jerry's website h...
How I designed the Spotify Intranet Homepage
Переглядів 6 тис.7 місяців тому
In this video, we are going to build a Homepage for the Spotify SharePoint Online Intranet 🙌 👨‍💻 WHAT YOU'LL LEARN: • Custom Colour Theme: Create your very own brand colour theme • Efficient Navigation: Integrate over 40 essential links right on your homepage. • Dynamic Content: Seamlessly incorporate multiple news feeds and an events section. • Departmental Access: Create quick links to variou...
Create interactive infographics in SharePoint Online
Переглядів 23 тис.7 місяців тому
In this video, we will look at 3 approaches to displaying infographic or diagrams within SharePoint Online sites (that I bet nobody else does!) 😁🔥 In approach ❶, we look at how we look at how we can use some of the most basic web parts to present our content in an engaging manner and I share my top tips for images and text. 🎯 In approach ❷ we look at how you can create clickable images so that ...
How to create CUSTOMISED colour themes in SharePoint Online like a pro!
Переглядів 8 тис.8 місяців тому
In this video, we will look at how you can create custom SharePoint Online colour themes that can be used within your sites! Site colour themes are an excellent way to incorporate your organisation's branding into your SharePoint Online site; however, the standard way to create themes is quite limited 😣 I’ll show you how to add additional branding colours to your themes to really bring them to ...
6 ways to create Document Templates in SharePoint Online
Переглядів 8 тис.9 місяців тому
In this video, we are going to look at the many different ways people create document templates within their SharePoint Online sites!🔥 We explore the top 3 ways people normally create document templates, and then we look at 3 ways that SharePoint wants you to do it! 😁 Providing your users with document templates can really help drive consistency and efficiency with document management. No more ...
How to build AMAZING SharePoint custom web parts - NO CODE REQUIRED!
Переглядів 43 тис.10 місяців тому
In this video, we are going to look at an innovative method to create any user experience imaginable within SharePoint Online!🔥 And the best part... you don't need to be a developer or understand a single line of code! 😁 And the second best part... it's free, and you can do it today! 🎉 We are going to use a tool called Figma, and its design and prototyping capabilities to create some SharePoint...
My Top 5 Secret SharePoint Online Intranet Site Page Types (Intranet demo!)
Переглядів 14 тис.11 місяців тому
In this video, I'm going to walk you through my go-to top 5 page types that I always use when designing and building my SharePoint Online Intranet sites. ⭐️⭐️ Designing Intranet sites can feel daunting. With the massive variation of options available to us within SharePoint Online, it's so easy to lose track of the bigger picture and target user experience. The 5 page types I explain and demons...
How I CONQUERED the SharePoint CONTENT TYPE Fear
Переглядів 7 тис.Рік тому
In this video, we will explore SharePoint Online Content Types together and clear the fear that surrounds them! We’ll do this by putting them to good use by building a project management tracker! 🤓 By the end of this video, you will be a certified content-type ninja! 🥷 Not to mention that you will have built a best-in-class project management solution within your site! 🔥🔥You will understand wha...
SharePoint Tutorial - Top 10 things you must do today to create an amazing list user experience
Переглядів 21 тис.Рік тому
SharePoint Online Lists can be pretty bleak places to spend time. Most often, they are set up in a way where the user experience is the last priority… and rarely considered… 😔 BUT... me being a user experience nut, this kind of thing keeps me up at night! So… I decided to jot down my top 10 list of things I always do/consider when creating a SharePoint Online list or document library to ensure ...
🔥 SharePoint Tutorial - Use a custom JSON list view to create a video playlist on your Intranet
Переглядів 5 тис.Рік тому
In this tutorial, we are going to look at how we can use SharePoint online to create a podcast solution. The solution will consist of: ✅ Hub sites and Associated Sites - A core part of this solution is obviously the ability to have a SharePoint Hub site and, with it, multiple additional sites which we connect to it through site association. ✅ Aggregation of content - The landing page of our Hub...
SharePoint Tutorial - How to build a custom search page experience
Переглядів 18 тис.Рік тому
SharePoint Tutorial - How to build a custom search page experience
SharePoint Tutorial - Site Permission Management 101
Переглядів 3,9 тис.Рік тому
SharePoint Tutorial - Site Permission Management 101
SharePoint Tutorial | Top 2 ways to use SharePoint Metadata 🥸🚀
Переглядів 6 тис.Рік тому
SharePoint Tutorial | Top 2 ways to use SharePoint Metadata 🥸🚀
SharePoint Tutorial - The Image Web Part in 100 seconds(ish) - 2023 updated features
Переглядів 2,8 тис.Рік тому
SharePoint Tutorial - The Image Web Part in 100 seconds(ish) - 2023 updated features
SharePoint Tutorial - How to roll up documents from multiple sites with Highlighted Content webpart
Переглядів 9 тис.Рік тому
SharePoint Tutorial - How to roll up documents from multiple sites with Highlighted Content webpart
SharePoint Intranet Site Build Master Class
Переглядів 4,5 тис.Рік тому
SharePoint Intranet Site Build Master Class
SharePoint Tutorial | Build an Apple User Experience in SharePoint Online using the best webpart
Переглядів 7 тис.Рік тому
SharePoint Tutorial | Build an Apple User Experience in SharePoint Online using the best webpart
SharePoint Tutorial | Build a Netflix User Experience in SharePoint Online for Video
Переглядів 12 тис.Рік тому
SharePoint Tutorial | Build a Netflix User Experience in SharePoint Online for Video
SharePoint Intranet Site Build Master Class | Course Intro | Academy365
Переглядів 4,7 тис.Рік тому
SharePoint Intranet Site Build Master Class | Course Intro | Academy365

КОМЕНТАРІ

  • @jmateus8
    @jmateus8 3 години тому

    Hello, thank you for sharing your knowledge it's amazing, can you help, just one question about this video at the end my square was cut and it doesn't show the X, the X that takes us to the first page, I think I put the right measurements you say 1200x675 and it doesn't show everything, can you help with this, thanks :)

  • @cihlcomiteinterentreprises994

    Great videos, you give inspiration to improve sharepoint intranets. Thank you so much. A question though, I have embedded the figma section but it takes a while to load in Sharepoint (1-2 minutes), leaving a white screen, I've checked the project memory in Figma and it is less than 1%. Is it possible to reduce this loading time ? No clue so far...

  • @sofynelove
    @sofynelove 5 днів тому

    How can I make a page to have multiple tags, if that makes sense. Sorry im very new to sharepoint.

  • @MilicaLearning
    @MilicaLearning 6 днів тому

    Super cool insights and very useful. One bit of a suggestion or impression it that it might be a tad bit too fast. Thank you so much for the video it is great!

  • @FuturisticOtter
    @FuturisticOtter 6 днів тому

    Your videos have been fantastic, so much more practical and hands on than the slideshow videos I have been finding, thank you!

  • @t1bbe
    @t1bbe 10 днів тому

    Awesome video and excactly what i needed. I do have two questions: 1. Can i use refinableString in the Query template? And how? 2. You showed a couple of Query templates commands like Path, NOT, FileType. But where can i find a list of all i can use?

  • @BlueBearOne
    @BlueBearOne 10 днів тому

    This is wonderful! I'm learning two things at once! Which I need. Any chance you could show a "how to create website looking SharePoint sites through CSS” targeting an audience that's never used CSS? Another golden opportunity for a 2 in one. For example, I was trying to figure out how to shade or fill in the background of certain web parts with a solid color to make the site match and couldn't. I was trying to make the different buttons of a quick links web part different colors and couldn't because the developer inspect tool doesn't seem to work on those buttons...etc. would LOVE a great video on such things ❤️

  • @mbanerjee5889
    @mbanerjee5889 10 днів тому

    Thank you. This is the most useful Sharepoint video I've seen.

  • @MariaKutsinta
    @MariaKutsinta 12 днів тому

    Ive tried so many times to ask chatgpt to write a code that will make the title to show on the right side of the image but it cant do it. Can you please send us a copy of your JSON code? It would really be helpful. thanks

  • @JCSent22
    @JCSent22 14 днів тому

    Best video of SP UI/UX using OOB

  • @cadphilpo1564
    @cadphilpo1564 15 днів тому

    thank you so much! you are the best in sharepoint, im a new subscriber. Please upload more sharepoint design tutorials.

  • @prabhatsingh8332
    @prabhatsingh8332 17 днів тому

    Dam , you are amazing How did you created that navigation display in the page ?? ." Home / Employee Handbook / Attendence" . how to show that

  • @marinacicchi3272
    @marinacicchi3272 18 днів тому

    Hi! great tutorial. I managed to do something similar for our document's library, and it was working OK, but after changing the home page, the "use input query text" stopped working. I updated the search settings with the new url, went back to the PNP search results , and now on QueryParameters's properties, i dont get q only Mode (not matter how many times i refresh) :( If you can help me please, that would be great! thank you very much

  • @ancrumar
    @ancrumar 18 днів тому

    Great video indeed! I was wondering if there is any chance to have relationships between content types on that RAIID list. It is very common to have dependant actions to reduce risk score from a risk. I mean, if I wanted to start an action from a given risk, such action should have a column related to its original risk ID. In the other hand, each risk should have a column ( let’s call it “related actions”) where we can collect of actions IDs sourcing from such risk. Maybe with power automate flows?

    • @Academy365-Dan
      @Academy365-Dan 18 днів тому

      Hey! Great question, in this case you could add a lookup column to the list and "look up" the current list, that will allow you to select items in the same list. Then it's exactly as you say, for any given list item, you can essentially tag it with any other items in the list. Hope that helps!

  • @richnp1352
    @richnp1352 18 днів тому

    Thanks for this. You've used the gallery view to get rid of the headings etc. What if you need it to have a list view?

  • @matthewbrown8229
    @matthewbrown8229 18 днів тому

    Loved the Video, I love the idea of adding emoji's - it looks like you removed the boring microsoft icon from the column heading, how did you do that? Thanks

  • @queenbey6678
    @queenbey6678 19 днів тому

    This channel is massively underrated

  • @Leons-i5h
    @Leons-i5h 20 днів тому

    Good content as usual. Do you plan to make any updates/add more parts to the site builder master class course?

    • @Academy365-Dan
      @Academy365-Dan 17 днів тому

      Hey! Yes, absolutely. I am re-recording the course and it will contain some additional content for sure. Anyone who has purchased the course will have access to the updated version 😁

    • @Leons-i5h
      @Leons-i5h 17 днів тому

      @@Academy365-Dan wow that’s fantastic news! Do you have a timeline for when you expect it to be published? And can you share some insight about its content 😅 Also, are you working on a new sharepoint course, or will all new material be integrated into the existing one 😊

  • @DJCUTCAKE
    @DJCUTCAKE 20 днів тому

    Thank you so much for your work! I think this also gonna work for my little image gallery for our company. I can put all information in the detail page like copyright, download-button and can make it more adobe stock like. Definitely will checkout your intranet course, in 2026 there will be a whole relaunch. best from germany, you are helping people world wide with your tutorials, awesome work! THX!

  • @LUK4MU5
    @LUK4MU5 21 день тому

    Is the cookie notification still an issue with this embedded approach?

  • @squareggs
    @squareggs 23 дні тому

    Thank you, your content always encourages me to think out of the box, appreciate it 🤩

  • @ErwinVermeulen-w2x
    @ErwinVermeulen-w2x 24 дні тому

    Thank you for these kind of tutorials, much appriciated

  • @oluwafemisamson7074
    @oluwafemisamson7074 24 дні тому

    to hide the UI in figma embed code, just add this at the end of your source url.. I tried it and it worked magic.. "&hide-ui=1"

  • @rowenakillens
    @rowenakillens 25 днів тому

    Hello Academy 365! Great video. Do you have a video on creating an internal eCommerce SharePoint Intranet? Thanks!

  • @kbworks_eu
    @kbworks_eu 25 днів тому

    This really nice thanks for sharing!

  • @zackmalaysia5384
    @zackmalaysia5384 25 днів тому

    Thank you so much for sharing this..Amazing!

  • @johanvanbussel2073
    @johanvanbussel2073 26 днів тому

    Yes, keep making this stuff please!

  • @LeviLelouch
    @LeviLelouch 26 днів тому

    Great tutorial! Question please: the embedded sections take time to load. Do you have any tips on how to make it load faster? It affects UX especially if there's too many embedded sections in a page. Thanks!

  • @Michael-fv2og
    @Michael-fv2og 26 днів тому

    Does this require any kind of figma license?

  • @wrm8460
    @wrm8460 26 днів тому

    Amazing!

  • @sofynelove
    @sofynelove 26 днів тому

    Thanks for this...your my fav SharePoint tutor on this platform

  • @ashwaniaggarwal4218
    @ashwaniaggarwal4218 26 днів тому

    Thanks for sharing. Do you think we can use this free for commercial purpose?

  • @DonCurrier
    @DonCurrier 26 днів тому

    You are quickly becoming a go to resource. Thank you!

    • @Academy365-Dan
      @Academy365-Dan 26 днів тому

      Thanks Don, that means a lot and more than anything I just so glad that this content is useful (sometimes I do wonder! 😉)

    • @DonCurrier
      @DonCurrier 26 днів тому

      @ it is very useful and I have used your ideas to help me grow into my Sharepoint admin/development/Power Solutions role. Thanks again for your content and contrubting to my growth.

  • @lauraclarke6669
    @lauraclarke6669 27 днів тому

    Hey Dan @Academy365-Dan, with your call to action/Learn More link within the menu, is that linking to another list with that information in it? I want to create something similar for my teams FAQs, but couldn't understand if that was how you created that part of your list. Thanks, Laura!

    • @Academy365-Dan
      @Academy365-Dan 26 днів тому

      Hey Laura, it is taking users to a site page. There is however a list embedded on the page which displays the nutritional information so I suppose it's a mix of two things. Hope this helps! :-D

    • @lauraclarke6669
      @lauraclarke6669 11 днів тому

      @@Academy365-Dan Hey Dan, thank you! It did help, I was able to get it to work like yours however after a few days when I went to showcase the FAQs, the two lists stopped stacking vertically. I can't get chatgpt to get the code right again for it to stack vertically and I can't remember now if it is meant to display vertically in the list itself, or just when it embeds. I want to give up now :( any assistance, would be welcome! Thanks, Laura

  • @pedrotheodoro3028
    @pedrotheodoro3028 Місяць тому

    i have a sharepoint hub with 5 sites. Can I include them on the search configuration?

  • @akashawalker
    @akashawalker Місяць тому

    I have a question, if i want to make a calculation column to make an automaticelly running number based on the criteria [risk] ... [dependency], where i will have ID-Rsk-xxxx, how could i do it?

  • @carlaholyk7436
    @carlaholyk7436 Місяць тому

    What this video really showcases is what you can do if you have a little imagination! I figured out that I could use Chat GPT to help me do some custom formatting of a gallery view but I didn't even conceive of something as nice as what you have, let alone achieve it. And you've finished the puzzle with dynamic filtering for me - this is a game changer, thanks so much!

    • @Academy365-Dan
      @Academy365-Dan Місяць тому

      Thanks so much! There is a bug that was introduced in the last couple of days, which is forcing a height on gallery-based list views displayed on site pages but I believe Microsoft are working to resolve this. Just an FYI in case you think you experience this and think you are doing something wrong... you're not ;-)

  • @trevoranderson1604
    @trevoranderson1604 Місяць тому

    Spectacular. I was playing around today and noticed some of the updates. You've really inspired me for a new site I'll be making soon. ♥️

  • @genocidecult
    @genocidecult Місяць тому

    Hi Dan! I really like your videos and they helped me a lot with coming up new layout ideas and tricks with the list! One thing I can't figure out is that to make my gif move in list gallery view... I'm remaking our Help Center page with video approach instead of only screenshots and texts. I'm trying to make a dynamic filter but I can't get my gif to play in the gallery view. Maybe I'll try a different approach.

    • @Academy365-Dan
      @Academy365-Dan Місяць тому

      Hey! I've not experimented with GIFs in gallery views. I'll take a look and see what I can come up with!

  • @aamershahzad349
    @aamershahzad349 Місяць тому

    I created and Formatted the view as you have sown in the video. When I insert the view through the "List" Webpart in my page, the tile size does not come as it is there is the view. The description fields get concatenated when I see the list in the page. Not sure whats wrong. The View itself shows the Tile or the Grid as per the parameters i have set in JSON. Any clue what could be wrong?

    • @Academy365-Dan
      @Academy365-Dan Місяць тому

      A bug was introduced in the last couple of days which is driving this unwanted sizing. It's not just you, many many people are affected. I believe it is being worked on, so keep the faith... it'snot you... it's them!

  • @moyura2
    @moyura2 Місяць тому

    @18:33

  • @moyura2
    @moyura2 Місяць тому

    @17:21

  • @rafaqatali1426
    @rafaqatali1426 Місяць тому

    Many many thanks. This is soooo wonderful. I was looking for this type search within the SharePoint.

  • @madsipuha
    @madsipuha Місяць тому

    This is an interesting approach to creating custom 'web parts' in SharePoint Online! However, I would advise against implementing it on a production site. Using the embed option in SharePoint Online, especially in the modern experience, has some significant drawbacks. Firstly, it lacks responsiveness, which can affect the user experience across different devices. Additionally, embedding external content can introduce security risks, as it may open connections to external sources. Since the SharePoint Online session operates under the current user's permissions, this approach could potentially expose sensitive information if not managed carefully. Lastly, embedding external content can negatively impact page performance. It can increase load times, causing delays or gaps on the page as the embedded content loads. For production environments, it's generally safer and more efficient to explore custom SPFx web parts or other solutions better suited to SharePoint's modern experience. Thanks for sharing this technique though-it's a great concept for specific use cases!

  • @AlBergstein
    @AlBergstein Місяць тому

    Following your video. When I got to add ItemOwner it did not show me the same choices as your screen showed. I was in the SharePoint Admin center rather than the local SharePoint site. But just so you know, it did not show me the same choices.I cannot "select from column type" I tried going in through the local SharePoint site. This is what drives me crazy. SharePoint does NOT show the same screens as you or others doing these videos show. I don't know if SharePoint has been changing on the fly, but it is not the same screens. sigh. what a POS product...I am a Global Admin so I do have rights to make all changes.I think I am going to give up on Content Types. It's just a frustrating poorly designed feature. Folders,and search work just fine.

  • @JRDHR
    @JRDHR Місяць тому

    Suggestions for someone that just inherited our SharePoint site and is not an IT person or programmer. I have no idea where or how to begin.

  • @SharonDalgleish
    @SharonDalgleish Місяць тому

    Hey Ben! Love your work :) I was wondering if you have done similar with dependencies/cascading? I.e. If 'People' is chosen in column 'A', then show 'Employee of Choice', 'High Performing Culture' etc in column 'B'. If 'Planet' is chosen in Column 'A', show 'Capacity for Growth', 'Safe and Secure' etc in column 'B'

  • @cedfet
    @cedfet Місяць тому

    It would be great to have the same but for libraries :)

  • @killiankavanagh3854
    @killiankavanagh3854 Місяць тому

    really good man

  • @keita67baseball
    @keita67baseball Місяць тому

    Your content is amazing! One question, how did you customize the lookup column clickable like the vendor column on your asset track list?