The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Table of Contents

View previous topic View next topic Go down

In progress Table of Contents

Post by Eclaire on July 28th 2015, 1:51 am

Hey guys,

I'm trying to add a table of contents. I know that most free hosts won't let you add some BBcode. Is there any format at all on Forumotion, that will allow you to use the coding to make a table of contents?!

Thanks!

Eclaire
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Table of Contents

Post by SLGray on July 28th 2015, 4:18 am

There is a table button in the editor: the fourth group, last one.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Table of Contents

Post by Eclaire on July 28th 2015, 4:44 am

No no, I know the table. Lol. I want to make quick links to different portions of a lengthy post. Smile

Eclaire
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin on August 4th 2015, 9:10 pm

this is actually exactly why i am here too. I would also like to know how to make one.

kinda like this one from this forum

http://help.forumotion.com/t61210-list-of-tricks-tips#tuto6

where you click on the link and instead of a new page it takes you to a specific portion of the post

SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur on August 4th 2015, 11:37 pm

The best way to do that would be to first publish the topic, because you'll need to copy the direct link from the address bar. If you've already done that, just edit your existing post.

To link to a specific portion on a page you can use hashes ( #hash ) which link to HTML elements with a specific ID or name in some cases. As we've done with the tutorials, I've made use of tables because you can add classes and ids to them.

Here's a quick example :
Code:
[list]
[*][url=#section-a]Section A[/url]
[*][url=#section-b]Section B[/url]
[*][url=#section-c]Section C[/url]
[/list]

[table id="section-a"][tr][td][/td][/tr][/table]

[h2]Section A[/h2]
Some texts...


[table id="section-b"][tr][td][/td][/tr][/table]

[h2]Section B[/h2]
Some texts...


[table id="section-c"][tr][td][/td][/tr][/table]

[h2]Section C[/h2]
Some texts...

In the example above you'll need to place the link of the topic before the hash ( # ) in the URL bbcode. I'll consider inquiring about this, to make it easier to do what I've mentioned here.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin on August 5th 2015, 2:56 pm

thank you for the quick response. however I am still having no luck. i copied the code as shown here and added the address url right before the #. however instead of jumping down the page it is only changing the address bar for example if the url was something like forumotiontestpage.com and i were to click on the section c of the table of contents the url would change to foromotiontestpage.com#section-c and not move down the page. any idea what i am doing wrong?

SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur on August 5th 2015, 3:03 pm

The following table is within the post, correct ?
Code:
[table id="section-c"][tr][td][/td][/tr][/table]

id="section-c" refers to the URL hash #section-c

If it's not moving down to that section, how much of the page is left to scroll down ? If you reached the bottom of the page it wont move down any further.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin on August 5th 2015, 3:09 pm

yes that portion is in it, and i tried it in a few spots. right now i was just testing it to see how it worked so the page is basically empty except for the code itself

Code:
[list]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-a]Section A[/url]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-b]Section B[/url]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-c]Section C[/url]
[/list]

[table id="section-a"][tr][td][/td]
[/tr]
[/table]
[h2]Section A[/h2]
Some texts...


[table id="section-b"][tr][td][/td]
[/tr]
[/table]
[h2]Section B[/h2]
Some texts...


[table id="section-c"][tr][td][/td]
[/tr]
[/table]
[h2]Section C[/h2]
Some texts...

SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur on August 5th 2015, 3:11 pm

At the end of the current URL you have the post id hash ( #46349 ) remove that and it should be perfect. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin on August 5th 2015, 3:20 pm

very nice thank you i have it working now, very grateful for you're help.

SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum