make a clickable table of contents in word react js

You will now have a PDF with a Clickable Table of Contents. Click the Options Button>Tick ‘Create Bookmarks using Headings. That is:įile>Then Save As>Navigate to where you wish to save the PDF>Click the little Arrow at>Save As Type:>Change Word Document (*.doxs) to PDF (*pdf). Once the Table of Contents has been created follow the same So you must create a Table of Contents using Word>References>Click on Table of Contents. However, Microsoft Edge Reader does not have a Side Bar for Bookmarks. Your PDF will now have a clickable table of ‘Bookmark’ using the various headings.Ĭreate a PDF with Table of Contents using Edge PDF ReaderĬreate your document as above. I have a separate function to populate the rows alone, but it seems i am messing up the binding information to.

It’s still accessible A table of contents is good for the general concept of accessibility, but it is a bonus (not having it doesn’t ruin the page. I am having trouble to invoke click event from a table row in React. It’s more reliable the JavaScript isn’t subject to authoring errors. Click the Options Button>Tick ‘Create Bookmarks using Headings. It’s easier write the JavaScript once and it can create the Table on Contents on every page you need it. Click on File>Then on Save As>Navigate to where you wish to save the PDF>Click the little Arrow at>Save As Type:>Change Word Document (.doxs) to PDF (pdf). Make sure that Bookmarks is enabled>View>Show/Hide>Navigation Panes>Tick Bookmarks. Create a PDF with Table of Contents using Acrobat Reader. If you open your PDF using Acrobat Reader the side bar will have a Clickable Table of Contents.

Construct your article using headings.Ĭlick on File>Then on Save As>Navigate to where you wish to save the PDF>Click the little Arrow at>Save As Type:>Change Word Document (*.doxs) to PDF (*pdf). There are two ways to Create a PDF with a Clickable Table of Contents depending on whether you use Acrobat Reader or Microsoft’s Edge PDF Reader (or similar).Ĭreate a PDF with Table of Contents using Acrobat Reader How to Create a PDF with Clickable Table of Contents

Make a clickable table of contents in word react js