Snippets is a site both created by Wikidot and its community. This is a place where you can find (or add) code snippets that can be used when creating your own pages at Wikidot.com. Code snippets are easy way to improve your own wiki sites and to make it more attractive and functional. Embedding media, both audio and video, adding spreadsheets, making eye candy menus is as easy as never before.
Add a new snippet or solution
Adding a snippet is easy.
- first think of some name for your snippet
- create a page (using the form below)
- assign page tags to the created page
- please do not use this site for testing. There is a Sandbox site for that.
Highest Rated Snippets
Collapsible Text Block (Rating: 264, Comments: 28)
This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.
Foldable List (Rating: 194, Comments: 16)
Do you like a foldable list from My Account or Site Manager? Create your own!
Layout With Tables (Rating: 126, Comments: 88)
A nice way to add advanced layout control using the [[table]] tag. The example uses the style attribute for the whole table and particular cells to adjust layout.
Tabs (Rating: 125, Comments: 59)
This solution will show you how to create tabs.
Include Any Page (Rating: 104, Comments: 36)
Here is a way to include ANY page within your Wiki page using an [[iframe]] element.
Google Gadgets (Rating: 97, Comments: 26)
Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:
Automatic Sitemap (Rating: 96, Comments: 21)
It is quite important to have a nice and clean structure of the site. One of the best ways to do maintain such a structure is to use the "parent page" relation. This allows to:
- display breadcrumb navigation element within pages
- make nice sitemaps and listings
Extra Side Bar (Rating: 91, Comments: 8)
Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.
Multicolumn Layout (Rating: 86, Comments: 26)
OK, so you want a multicolumn layout. Unfortunately there are no special wiki tags for multicolumn layout but the result can be easily achieved using the [[div]] tags and adding CSS style to it.
Adding A Site Logo (Rating: 85, Comments: 34)
This snippet lets you add a logo to the site by creating a custom CSS.
Recently Added Snippets
Todo List with Data Forms (Rating: 1, Comments: 0)
A "normal" Wikidot way to make a "Todo List" using a Data Forms _template ( which have to be copied from the snippets here ( or used by include!) and the standard listPages module
Carousel (Rating: 1, Comments: 0)
Twitter's Bootstrap comes with image carousel functionality built in. This snippet allows you to generate carousels very quickly and easily so that you do not have to look up or memorize Bootstrap's syntax.
twitor (Rating: 0, Comments: 1)
Facebook Button (Rating: 2, Comments: 0)
This snippet will add the official Wikidot facebook button to your wikidot page. This allows visitors to post on facebook about the page they are on by displaying a popup window, meaning they don't need to leave your site.
Togglecheck (Rating: 1, Comments: 0)
At present, Wikidot's checkbox field for data forms will only display a 0 if unchecked or a 1 if checked. This can be rather unintuitive; for example, consider a page in which users are expected to document the abilities and skills of an Role Playing Game character. There may be a list of possible skills, like Double Strike or Indomitable, which the user may check or uncheck depending on whether the character has the skill.
Alternative Specific Users Only (Rating: 3, Comments: 17)
The original Specific Users Only CSI was engineered by James Kanjo. This include allows Wikidot users to hide or show data based on who is currently logged on. This means you can easily hide certain administrative links from common viewers.
Bootstrap Image Box (Rating: 4, Comments: 0)
If you ever wanted a clean and simple way to add a caption or title to an image, this is the way to do it. The Image Box snippet allows you to decorate the display of an image and fit it to the theme of your website with code that is incredibly easy to remember.
Sorted-ListPages-List (Rating: 0, Comments: 0)
With this include of a little Link-List you can call at the top of a ListPages-Output (with standard-fields) all the posssible different orders of such a ListPage module output. Only the order="@URL" is neccessary and a little include statement to create a "selfcalling" list of the site and page.
Toggle Tag (Rating: 2, Comments: 4)
You can utilize a combination of iftags and set-tags in order to create a toggle tag button, one that will add a tag to the page if it isn't already there or remove it if it is. The amount of code for this can be slightly unwieldy and difficult to read, however:
Pretty Tables (Rating: 3, Comments: 2)
A very pretty table layout that I thought I might share with you all.