Webulator: Build your own website without any special software or know-how!

Recent articles

  • Adding content to and removing content from the left and right columns

    The [AddContent:] and [ClearContent:] tags can be used to add content to and remove content from the left and right columns of your web pages.

  • Embedded Summaries

    The [Summary:] tag allows you to insert the title and summary from another article into a page.

  • Copying articles

    Logged in users with moderator permissions are able to copy articles in the content management system

  • Quick Links

    The [QuickLinks:] tag allows you to insert a titled box containing a list of links into an article.

  • Accordion

    An accordion or concertina style interface can be created using the [Accordion:] tag.

  • Slideshows of all the images in another article

    The [ArticleImagesSlideShow:] tag allows you to generate an slideshow of all the images (except for the summary image) contained in another article.

  • Example page containing images for a slideshow

    The images on this page are used in article

  • Tab Menus

    The [TabMenu:] tag allows you to insert a tab style menu into a page to allow navigation within a subsection of the site.

  • iCalendar Files

    Calendar events are traditionally shared using iCalendar (.ics) files. These are often attached to event invitation emails and are widely used across calendaring applications.

  • Redirecting to other pages

    Webulator allows a page to automatically redirect to another page using [Redirect:] command
RSS Feed of this page

Accordion

Documentation > Commands > Accordion
An accordion or concertina style interface can be created using the [Accordion:] tag.

The [Accordion:] tag allows you to generate an accordion (or concertina) user interface consisting of a list of articles from elsewhere on your site. Only the first article is displayed at the outset, and the titles of the others are shown below the first article. Clicking on a title causes the first article to squeeze up to nothing and the new article is shown in full.

The syntax for the Accordion tag is [Accordion:ArticleNumber,ArticleNumber,ArticleNumber].

There is no limit to the number of articles inside the accordion, but it doesn't make sense to have fewer than two!

It is a good idea for the articles to be fairly short, otherwise the visual effect is lost if you cannot see the entire accordion on screen. The vertical space taken up by the accordion is sufficient to allow the longest article in the list to fit. Any shorter articles will be displayed with whitespace below them.

The title bar of each article will display a tooltip containing the summary text for that article. You can set the summary to be hidden in any of the sub-articles and the summary will not be displayed when that segment expands, but the tooltip will still contain the summary text.

For technical reasons, any tags in articles inside the accordion are disabled, though slide shows in the top level article (the one containing the accordion) will still run.

The 'Accordion' below was generated using [Accordion:247,59,259]

Storage


image

Clicking on the "Storage" link on the Site Admin page will take you to the Storage page. This page gives you a breakdown of how much of your allocated storage is being used.


If you find that you are running out of space then the most effective way of freeing up space is by deleting out of date backups. If you are still short of space you can delete old articles that are no longer used. If you still require more space, you can contact us to arrange for a higher storage quota.


Storage

Clicking on the "Storage" link on the Site Admin page will take you to the Storage page. This page gives you a breakdown of how much of your allocated storage is being used.

image

Colour Picker


A colour picker window

The colour picker window is displayed when a colour button is clicked and provides a consistent mechanism for choosing colours. It is only ever accessible to Site Administrators and Owners.


There are 3 main parts to the colour picker window:

  • A text field for manually typing in colour numbers
  • A rectangular coloured area for choosing a particular colour
  • A vertical slider for controlling brightness

As you click in the coloured area or move the slider you will notice the value in the text field changing. Colours are represented as a # character followed by 3 pairs of hexadecimal numbers indicating the intensity of red, green and blue in the colour respectively, with 00 meaning no intensity and ff meaning full intensity.

NB If the vertical slider is at the bottom (which it will be for black) clicking on the colour area won't do anything until you move the slider up.

Sometimes you may need to be exact when specifying a colour and in this case you should type the colour number in manually. A good reference for colour numbers can be found at http://www.visibone.com/colorlab/big.html - just click on colours in the palette to find out their colour numbers.


Colour Picker

The colour picker window is displayed when a colour button is clicked and provides a consistent mechanism for choosing colours. It is only ever accessible to Site Administrators and Owners.

A colour picker window

Autocomplete


When entering text into single line entry fields, a menu of suggestions will pop up showing suggestions that start with the text typed in so far.


An example autocomplete menu

The menu will only contain entries from fields of the same type on the website being edited and that the particular user has the rights to read. To choose one of the suggested entries just click on it.


Autocomplete

When entering text into single line entry fields, a menu of suggestions will pop up showing suggestions that start with the text typed in so far.


Accordion
An accordion or concertina style interface can be created using the [Accordion:] tag.