How to Create a Table of Contents (TOC) in Webflow in Under 20 Minutes

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • Flowrite article: www.flowrite.c...

Комментарии • 32

  • @heydavidvo
    @heydavidvo Год назад +1

    Thank you for this guide! I tried following the article but could not make it work myself! Your video was so so helpful!

  • @AlenaTsyvinskaya
    @AlenaTsyvinskaya 2 года назад +3

    Thank you so much, Adam! I was also reading Flowrite's article on this, but exactly as you mentioned, it was hard to implement the instructions from there if someone (like me) is a beginner there. Thanks once again!

  • @lighthouse_app
    @lighthouse_app 2 года назад +1

    This helped us so much. Thank you Adam!

    • @adamdimitrov
      @adamdimitrov  2 года назад

      You're welcome, I'm glad it helped!

  • @istn9478
    @istn9478 2 года назад +2

    Great guide! It was a lifesaver!

  • @martinduran198
    @martinduran198 Год назад

    Thank you so much, Adam! this video saved me a lot of time 🚀🚀

  • @bryanmanio_
    @bryanmanio_ Год назад

    What a great guide, and a huge timesaver.

    • @adamdimitrov
      @adamdimitrov  Год назад +1

      Yeah, looking back it's not my best work, but it's too much hassle to remake it properly. If you follow the flowrite's article and struggle, this video may fill in the missing gaps.

  • @sageinside
    @sageinside 2 года назад +3

    I am not sure why, I followed all the instructions and it's not working!

    • @namrathamohan828
      @namrathamohan828 Год назад +1

      I also went painfully over the tutorial 5 times till date and the code is fetching the headers correctly. But visually, it is appearing all crowded in one line and looks very messy.

  • @nojoks
    @nojoks 2 года назад

    I appreciate your effort! Thank you very much :)

    • @adamdimitrov
      @adamdimitrov  2 года назад

      Thank you Nau, glad it was useful to you!

  • @franpalokaj
    @franpalokaj 2 года назад +1

    Thanks for the video =)

  • @ArtfulUI
    @ArtfulUI Год назад

    thanks for tutorial!

  • @bards282
    @bards282 Год назад

    Thank you!

  • @subhanamjad150secdlgu.3
    @subhanamjad150secdlgu.3 2 месяца назад

    Hi That's Great Can you please tell me we also toc item class in the rich text headings ? / not ?
    it's simple add rich text ?

  • @selligence
    @selligence Год назад +1

    We've followed the guide and it seems to be pulling the H2's, however, they're all on one line, rather than split out into a list, despite the fact the list has been designed on a draft page as shown in the video - any ideas?

    • @ADTJEA
      @ADTJEA Год назад +1

      I've got the same issue, did you find a solution?

    • @karthiksubramaniam5892
      @karthiksubramaniam5892 Год назад

      don't give the id and selector to table of contents heading..instead drag the list item and give the id their..its worked for me

  • @namrathamohan828
    @namrathamohan828 Год назад

    I didn't understand one thing- Can't we apply the design of the ToC to the same page we worked on? When I hit publish it's not reflecting, but the Tocitems below are appearing. Please help!

  • @tohottomilton
    @tohottomilton Год назад

    Well, it seems like it doesn't work anymore. The list isn't in bullets even though I followed step by step your guide.

    • @namrathamohan828
      @namrathamohan828 Год назад

      same issue. It is appearing in one line for me and not in a list format

  • @markpotter8220
    @markpotter8220 2 года назад +1

    I really wish someone would slow down and dont assume we understand every step because you blow thru it so fast... been trough it many times and still dont get it.

    • @filetmignon9978
      @filetmignon9978 2 месяца назад

      youtube lets you slow down playback...

  • @abrahamceviz
    @abrahamceviz 2 года назад

    It would be more useful if there was a video from scratch with everything.

  • @SoM3KiK
    @SoM3KiK Год назад

    Good guide! It would be great if you go straight to the point instead of changing font, paddings etc, it's not part of the intent :D

  • @adamdimitrov
    @adamdimitrov  Год назад

    webflow.com/made-in-webflow/website/CMS-Table-of-Contents?ref=made-in-webflow-search&searchValue=table
    Heads up! I found a simple copy-and-paste way to have the same brilliant floating TOC as Flowrite. Just clone the project below, copy-paste the "copy me" element into your website, and viola! Looks good on mobile too. It should work right away, but if you got entangled with the toc in the video and have classes like tocitem, toc etc. - you must delete those first! Cheers!

  • @shock-market
    @shock-market 11 месяцев назад

    Surely this just becomes a feature, this is not a sustainable method

    • @adamdimitrov
      @adamdimitrov  11 месяцев назад

      Yes, there is! Check out the pinned comment.