Apply a Wikipedia-like "article - discussion" tabs to existing pages

Posted by gerdami on 16 Nov 2008 11:50, last edited by GoVegan on 09 May 2010 05:29

: listpages tab tabview template wikipedia

rating: +6

Screenshot

Click on picture for live preview.

Code

The code below has to be inserted in the live _template for default pages or cat1:_template for category cat1

[[tabview]]
[[tab Article]]
%%content%%
[[/tab]]
[[tab Discussion]]
[[module Comments hideForm="true"]]
[[/tab]]
[[tab Related articles]]
> Articles sharing the same tags, if any
[[module ListPages category="*" tags="=" tagTarget="system:page-tags" separate="false"
prependLine="||~ Category ||~ Linked_title ||~ Tags ||"]]
||%%category%%: || %%linked_title%% || %%tags%% ||
[[/module]] 
[[/tab]]
[[tab Backlinks]]
> Pages that link to this one, if any
[[module Backlinks]]
[[/tab]]
[[tab Page info]]
||~ variable ||~ value ||
|| @@%%@@title@@%%@@ || %%title%% ||
|| @@%%@@linked_title@@%%@@ || %%linked_title%% ||
|| @@%%@@title_linked@@%%@@ || %%title_linked%% ||
|| @@%%@@page_unix_name@@%%@@ || %%page_unix_name%% ||
|| @@%%@@full_page_name@@%%@@ || %%full_page_name%% ||
|| @@%%@@page_name@@%%@@ || %%page_name%% ||
|| @@%%@@category@@%%@@ || %%category%% ||
|| @@%%@@link@@%%@@ || %%link%% ||
|| @@%%@@author@@%%@@ || %%author%% ||
|| @@%%@@date@@%%@@ || %%date%% ||
|| @@%%@@date|format@@%%@@ || %%date|%e %B %Y%% ||
|| @@%%@@author_edited@@%%@@ || %%author_edited%% ||
|| @@%%@@user_edited@@%%@@ || %%user_edited%% ||
|| @@%%@@date_edited@@%%@@ || %%date_edited%% ||
|| @@%%@@date_edited|format@@%%@@ || %%date_edited|%O ago (%e %b %Y, %H:%M %Z)%% ||
|| @@%%@@rating@@%%@@ || %%rating%% ||
|| @@%%@@comments@@%%@@ || %%comments%% ||
|| @@%%@@tags@@%%@@ || %%tags%% ||
|| @@%%@@preview(20)@@%%@@ || %%preview(20)%% || 
[[/tab]]
[[tab Attached Files]]
[[module Files]]
[[/tab]]
[[tab Attached Pics]]
[[gallery]]
[[/tab]]
[[/tabview]]

In action

start-ideas:social-bookmarking-widgets

Related

Author

gerdami gerdami . Please visit his/her userPage.

Any Feedback on this new HowTo ?
gerdami gerdami 16 Nov 2008 12:15

Just a way to promote this new HowTo:apply-a-Wikipedia-like-article-discussion-tabs

by gerdami gerdami , 16 Nov 2008 12:15
Nice but with backdraws - drawbacks

I thought of using the tabview to do a similar thing but the problem with tabview is that you can not link to any other tab than the first. At the moment I am working on a new approach. Maybe if I find more time I will document this
But you can have en look at http://clean.wikidot.com/

Okay I made some progress on the site… but you are probably thinking why would somebody want to jump to some tab… well as you can see on the site, I made a right-side-column with a listing of the comments that were given on related pages. If you click on an item you will link to the comments page so you can read the comment…

Since I am not responisble for the content only the first chapter is filled in so here is the new link to a certain page that has content

http://clean.wikidot.com/stelling:1-1-1-4


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 14 Jul 2009 13:38 by Steven Heynderickx
by Steven Heynderickx Steven Heynderickx , 18 May 2009 14:45
Here's my attempt...
(account deleted) 14 Jul 2009 09:44

http://riki.wikidot.com/

by (account deleted), 14 Jul 2009 09:44
Re: Here's my attempt...
GoVegan GoVegan 14 Jul 2009 12:07

That's a pretty nice job you've done there!

You may be interested in the Wiki Coke Theme, which emulates Wikimedia's trademark layout.

Also, check out PGIWiki for a live example.

by GoVegan GoVegan , 14 Jul 2009 12:07
Re: Here's my attempt...
pieterh pieterh 14 Jul 2009 12:46

Hey, very nice! I like the way you've moved the page options to the top, this works nicely.

Why don't you submit that theme to the http://themes.wikidot.com themes contest?

by pieterh pieterh , 14 Jul 2009 12:46
Re: Here's my attempt...
GoVegan GoVegan 14 Jul 2009 13:17

You forgot to bribe tell him about the awesome new iPod!!!

by GoVegan GoVegan , 14 Jul 2009 13:17
Page info

BTW you use a tab called "page info" … is that generated info? did you use some kind of module for that? Or is it just hand-typed?

this in regard to my question posted "how to use page-attributes"

Sorry… did some sniffing http://community.wikidot.com/start-ideas:_template looks like you typed it… shame ;-(


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 19 Jul 2009 12:44 by gerdami
by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 14:18
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 15:14

This IS automatically generated for EVERY page in the same category by using the "greneral" _template page.

The _template uses this code ( you can use it and copy it for any of your categories where it is usefull….)

Notice the %%content%% variable in the first tabview… this is the place holder fr the "REAL" rendered and called page in thne url…

typical usage is the http://community.wikidot.com/start-ideas:dir-wikidot-com-on-the-front-page page

[[tabview]]
[[tab Article]]
%%content%%
[[/tab]]
[[tab Discussion]]
[[module Comments hideForm="true"]]
[[/tab]]
[[tab Related articles]]
> Articles sharing the same tags, if any
[[module ListPages category="*" tags="=" tagTarget="system:page-tags" separate="false"
prependLine="||~ Category ||~ Linked_title ||~ Tags ||"]]
||%%category%%: || %%linked_title%% || %%tags%% ||
[[/module]] 
[[/tab]]
[[tab Backlinks]]
> Pages that link to this one, if any
[[module Backlinks]]
[[/tab]]
[[tab Page info]]
||~ variable ||~ value ||
|| @@%%@@title@@%%@@ || %%title%% ||
|| @@%%@@linked_title@@%%@@ || %%linked_title%% ||
|| @@%%@@title_linked@@%%@@ || %%title_linked%% ||
|| @@%%@@page_unix_name@@%%@@ || %%page_unix_name%% ||
|| @@%%@@full_page_name@@%%@@ || %%full_page_name%% ||
|| @@%%@@page_name@@%%@@ || %%page_name%% ||
|| @@%%@@category@@%%@@ || %%category%% ||
|| @@%%@@link@@%%@@ || %%link%% ||
|| @@%%@@author@@%%@@ || %%author%% ||
|| @@%%@@date@@%%@@ || %%date%% ||
|| @@%%@@date|format@@%%@@ || %%date|%e %B %Y%% ||
|| @@%%@@author_edited@@%%@@ || %%author_edited%% ||
|| @@%%@@user_edited@@%%@@ || %%user_edited%% ||
|| @@%%@@date_edited@@%%@@ || %%date_edited%% ||
|| @@%%@@date_edited|format@@%%@@ || %%date_edited|%O ago (%e %b %Y, %H:%M %Z)%% ||
|| @@%%@@rating@@%%@@ || %%rating%% ||
|| @@%%@@comments@@%%@@ || %%comments%% ||
|| @@%%@@tags@@%%@@ || %%tags%% ||
|| @@%%@@preview(20)@@%%@@ || %%preview(20)%% || 
[[/tab]]
[[tab Attached Files]]
[[module Files]]
[[/tab]]
[[tab Attached Pics]]
[[gallery]]
[[/tab]]
[[/tabview]]

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 14 Jul 2009 15:20 by Helmut_pdorf
by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 15:14
Re: Page info

Indeed, I overlooked something I saw "@-@%%@-@" that's why I wrote that he type it. You are right, sorry. So those vars are available also outside the ListPages-module. Is this documented somewhere?


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 14 Jul 2009 16:22 by Steven Heynderickx
by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 16:22
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 16:30

Look at our howtosw's: http://community.wikidot.com/howto:system-variables

and
http://community.wikidot.com/howto:system-variables-details

this is not working in a normal page..! ( only in a "live" _template and in some includes…


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 16:30
Re: Page info

I will look in to that… thank you


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 16:46
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 16:48

I forgot the prime info: http://www.wikidot.com/doc:templates


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 16:48
nested TAB (multiple levels)
Peter-ZA Peter-ZA 18 Nov 2012 21:59

I am trying to build a Calendar by using the TAB function:
- Needing the Year and Month (1 ~ 12, for every year).

Please also see
http://community-playground.wikidot.com/tab-normal - Individual Example
http://community-playground.wikidot.com/tab-nested - Nested Example (Test)

It sort of works, but gives strange results …
Any help will be appreciated
- THANK YOU -

by Peter-ZA Peter-ZA , 18 Nov 2012 21:59
Re: nested TAB (multiple levels)
leiger leiger 18 Nov 2012 22:43

I can't see anything acting strangely, on either page.

Could you explain what the problem is?


~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

by leiger leiger , 18 Nov 2012 22:43
Re: nested TAB (multiple levels)
Helmut_pdorf Helmut_pdorf 19 Nov 2012 11:02

I see - it works as it should ( IE 8)…

Or is the questin teh Calendar - overview ?


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 19 Nov 2012 11:02

Related articles

Comments

Any Feedback on this new HowTo ?
gerdami gerdami 16 Nov 2008 12:15

Just a way to promote this new HowTo:apply-a-Wikipedia-like-article-discussion-tabs

by gerdami gerdami , 16 Nov 2008 12:15
Nice but with backdraws - drawbacks

I thought of using the tabview to do a similar thing but the problem with tabview is that you can not link to any other tab than the first. At the moment I am working on a new approach. Maybe if I find more time I will document this
But you can have en look at http://clean.wikidot.com/

Okay I made some progress on the site… but you are probably thinking why would somebody want to jump to some tab… well as you can see on the site, I made a right-side-column with a listing of the comments that were given on related pages. If you click on an item you will link to the comments page so you can read the comment…

Since I am not responisble for the content only the first chapter is filled in so here is the new link to a certain page that has content

http://clean.wikidot.com/stelling:1-1-1-4


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 14 Jul 2009 13:38 by Steven Heynderickx
by Steven Heynderickx Steven Heynderickx , 18 May 2009 14:45
Here's my attempt...
(account deleted) 14 Jul 2009 09:44

http://riki.wikidot.com/

by (account deleted), 14 Jul 2009 09:44
Re: Here's my attempt...
GoVegan GoVegan 14 Jul 2009 12:07

That's a pretty nice job you've done there!

You may be interested in the Wiki Coke Theme, which emulates Wikimedia's trademark layout.

Also, check out PGIWiki for a live example.

by GoVegan GoVegan , 14 Jul 2009 12:07
Re: Here's my attempt...
pieterh pieterh 14 Jul 2009 12:46

Hey, very nice! I like the way you've moved the page options to the top, this works nicely.

Why don't you submit that theme to the http://themes.wikidot.com themes contest?

by pieterh pieterh , 14 Jul 2009 12:46
Re: Here's my attempt...
GoVegan GoVegan 14 Jul 2009 13:17

You forgot to bribe tell him about the awesome new iPod!!!

by GoVegan GoVegan , 14 Jul 2009 13:17
Page info

BTW you use a tab called "page info" … is that generated info? did you use some kind of module for that? Or is it just hand-typed?

this in regard to my question posted "how to use page-attributes"

Sorry… did some sniffing http://community.wikidot.com/start-ideas:_template looks like you typed it… shame ;-(


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 19 Jul 2009 12:44 by gerdami
by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 14:18
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 15:14

This IS automatically generated for EVERY page in the same category by using the "greneral" _template page.

The _template uses this code ( you can use it and copy it for any of your categories where it is usefull….)

Notice the %%content%% variable in the first tabview… this is the place holder fr the "REAL" rendered and called page in thne url…

typical usage is the http://community.wikidot.com/start-ideas:dir-wikidot-com-on-the-front-page page

[[tabview]]
[[tab Article]]
%%content%%
[[/tab]]
[[tab Discussion]]
[[module Comments hideForm="true"]]
[[/tab]]
[[tab Related articles]]
> Articles sharing the same tags, if any
[[module ListPages category="*" tags="=" tagTarget="system:page-tags" separate="false"
prependLine="||~ Category ||~ Linked_title ||~ Tags ||"]]
||%%category%%: || %%linked_title%% || %%tags%% ||
[[/module]] 
[[/tab]]
[[tab Backlinks]]
> Pages that link to this one, if any
[[module Backlinks]]
[[/tab]]
[[tab Page info]]
||~ variable ||~ value ||
|| @@%%@@title@@%%@@ || %%title%% ||
|| @@%%@@linked_title@@%%@@ || %%linked_title%% ||
|| @@%%@@title_linked@@%%@@ || %%title_linked%% ||
|| @@%%@@page_unix_name@@%%@@ || %%page_unix_name%% ||
|| @@%%@@full_page_name@@%%@@ || %%full_page_name%% ||
|| @@%%@@page_name@@%%@@ || %%page_name%% ||
|| @@%%@@category@@%%@@ || %%category%% ||
|| @@%%@@link@@%%@@ || %%link%% ||
|| @@%%@@author@@%%@@ || %%author%% ||
|| @@%%@@date@@%%@@ || %%date%% ||
|| @@%%@@date|format@@%%@@ || %%date|%e %B %Y%% ||
|| @@%%@@author_edited@@%%@@ || %%author_edited%% ||
|| @@%%@@user_edited@@%%@@ || %%user_edited%% ||
|| @@%%@@date_edited@@%%@@ || %%date_edited%% ||
|| @@%%@@date_edited|format@@%%@@ || %%date_edited|%O ago (%e %b %Y, %H:%M %Z)%% ||
|| @@%%@@rating@@%%@@ || %%rating%% ||
|| @@%%@@comments@@%%@@ || %%comments%% ||
|| @@%%@@tags@@%%@@ || %%tags%% ||
|| @@%%@@preview(20)@@%%@@ || %%preview(20)%% || 
[[/tab]]
[[tab Attached Files]]
[[module Files]]
[[/tab]]
[[tab Attached Pics]]
[[gallery]]
[[/tab]]
[[/tabview]]

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 14 Jul 2009 15:20 by Helmut_pdorf
by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 15:14
Re: Page info

Indeed, I overlooked something I saw "@-@%%@-@" that's why I wrote that he type it. You are right, sorry. So those vars are available also outside the ListPages-module. Is this documented somewhere?


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

Last edited on 14 Jul 2009 16:22 by Steven Heynderickx
by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 16:22
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 16:30

Look at our howtosw's: http://community.wikidot.com/howto:system-variables

and
http://community.wikidot.com/howto:system-variables-details

this is not working in a normal page..! ( only in a "live" _template and in some includes…


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 16:30
Re: Page info

I will look in to that… thank you


A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.

by Steven Heynderickx Steven Heynderickx , 14 Jul 2009 16:46
Re: Page info
Helmut_pdorf Helmut_pdorf 14 Jul 2009 16:48

I forgot the prime info: http://www.wikidot.com/doc:templates


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 14 Jul 2009 16:48
nested TAB (multiple levels)
Peter-ZA Peter-ZA 18 Nov 2012 21:59

I am trying to build a Calendar by using the TAB function:
- Needing the Year and Month (1 ~ 12, for every year).

Please also see
http://community-playground.wikidot.com/tab-normal - Individual Example
http://community-playground.wikidot.com/tab-nested - Nested Example (Test)

It sort of works, but gives strange results …
Any help will be appreciated
- THANK YOU -

by Peter-ZA Peter-ZA , 18 Nov 2012 21:59
Re: nested TAB (multiple levels)
leiger leiger 18 Nov 2012 22:43

I can't see anything acting strangely, on either page.

Could you explain what the problem is?


~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

by leiger leiger , 18 Nov 2012 22:43
Re: nested TAB (multiple levels)
Helmut_pdorf Helmut_pdorf 19 Nov 2012 11:02

I see - it works as it should ( IE 8)…

Or is the questin teh Calendar - overview ?


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 19 Nov 2012 11:02
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.

AltStyle によって変換されたページ (->オリジナル) /