SERC > Serckit: SERC Content Management System > Serckit CMS Tag Reference

Serckit CMS Tag Reference

The following is a reference chart of all the tags that will work in Serckit, along with tips on how to use each tag.

TAGDESCRIPTIONFLAGS
HTML Back to the index
<p> ... </p>A standard <p> tag. Delineates a paragraph. n/a
<div> ... </div>A standard <div> tag. Creates a block of HTML on the page. n/a
<pre> ... </pre>A standard <pre> tag. For preformatted text. n/a
<strong> ... </strong>A standard <strong> tag. Usually bolds text. n/a
<b> ... </b>Converts to a <strong> tag. Usually bolds text. n/a
<em> ... </em>A standard <em> tag. Usually italicizes text. n/a
<em2> ... </em2>Creates an <em> tag with a class of em2, i.e. <em class="em2">. n/a
<i> ... </i>Converts to an <em> tag. Usually italicizes text. n/a
<ol> ... </ol>A standard <ol> tag. For creating a numbered list. n/a
<ul> ... </ul>A standard <ul> tag. For creating a bulletted list. n/a
<li> ... </li>A standard <li> tag. For delineating a list item. n/a
<dl> ... </dl>A standard <dl> tag. For creating a description list. n/a
<dt> ... </dt>A standard <dt> tag. Indicates a term to be described. n/a
<dd> ... </dd>A standard <dd> tag. Describes a term indicated inside a <dt> tag. n/a
<br> A standard <br /> tag. n/a
<br clear> Creates a <br> tag with a class of "clearboth", i.e. <br class="clearboth" />. This is useful for correcting unusual text-wrap behavior. n/a
[br] A standard <br /> tag. n/a
[br clear] Creates a <br> tag with a class of "clearboth", i.e. <br class="clearboth" />. This is useful for correcting unusual text-wrap behavior. n/a
<hr> A standard <hr> tag. This tag is self-closing. n/a
<h1> ... </h1>A standard <h1> tag. A main heading. n/a
<h2> ... </h2>A standard <h2> tag. A first-tier subheading. n/a
<h3> ... </h3>A standard <h3> tag. A sub-subheading. n/a
<h4> ... </h4>A standard <h4> tag. A sub-sub-subheading. n/a
<sup> ... </sup>A standard <sup> tag. Superscript. n/a
<sub> ... </sub>A standard <sub> tag. Subscript. n/a
<s> ... </s>A standard <s> tag. Indicates text that has been removed. Usually shows text as stricken. n/a
<strike> ... </strike>A standard <strike> tag. Deprecated in favor of <del>. Usually shows text as stricken. n/a
<del> ... </del>A standard <del> tag. Indicates text that has been replaced. Usually shows text as stricken. n/a
<blockquote> ... </blockquote>A standard <blockquote> tag. Sets apart quoted text. n/a
&nbsp; A non-breaking space entity. n/a
[nbsp] Creates a non-breaking space entity, i.e. &nbsp; n/a
<table> ... </table>A standard <table> tag. n/a
<thead> ... </thead>A standard <thead> tag. n/a
<tfoot> ... </tfoot>A standard <tfoot> tag. n/a
<tbody> ... </tbody>A standard <tbody> tag. n/a
<th> ... </th>A standard <th> tag. n/a
<td> ... </td>A standard <td> tag. n/a
[table] ... [end table]A standard <table> tag. n/a
[thead] ... [end thead]A standard <thead> tag. n/a
[tbody] ... [end tbody]A standard <tbody> tag. n/a
[th] ... [end th]A standard <th> tag. n/a
[td] ... [end td]A standard <td> tag. n/a
TAGDESCRIPTIONFLAGS
Special Text Back to the index
[leftarrow] Draws a left-arrow, i.e. "«". n/a
[rightarrow] Draws a right-arrow, i.e. "»". n/a
[caption] ... [end caption|end tablecaption|end imagecaption]Creates a caption for a table or image. Places the caption into a DIV with class "cms".
Usage example:
[caption]This text will be the caption[end caption]
[author] ... [end author]Creates a paragraph with a class of "author". For indicating the provenance of a table of information.
Usage example:
[author]From the novel <em>A Wrinkle In Time</em>, by Madeline L'Engle[end author]
[right] ... [end right]Creates a block that floats to the right.
Usage example:
[right]This text will float to the right.[end right]
[rightcolumn] ... [end rightcolumn]Creates a column of text that floats right.
Usage example:
[rightcolumn]This text will go into a right-hand column.[end rightcolumn]
--- Auto-converts to an emdash, i.e. — n/a
-- Auto-converts to an endash, i.e. – n/a
[bigfirstline] ... [end bigfirstline]Sets the first line of a given paragraph to display larger than the rest of the paragraph and page. This is good for introductory paragraphs or the beginning of a new section of text.
Usage example:
[bigfirstline]This text will be big.[end bigfirstline]
[more] Inserts a breakpoint in the page's content, after which search previews are redacted. n/a
[small] ... [end small]Delineates text to be rendered at a smaller size.
Usage example:
[small]This will be small text.[end small]
[smallpale] ... [end smallpale]Delineates text to be rendered smaller and lighter in color.
Usage example:
[smallpale]This will be small, lighter-colored text.[end smallpale]
[mediumsmall] ... [end mediumsmall]Delineates text to be rendered at a medium size.
Usage example:
[medium]This will be medium-sized text.[end medium]
[mediumpale] ... [end mediumpale]Delineates text to be rendered at a medium size, and in a light color.
Usage example:
[mediumpale]This will be medium-sized, lighter-colored text.[end mediumpale]
[entity] Writes out the indicated HTML entity in Times New Roman font, in order to ensure a broad selection of special characters.
###
Required number that indicates the HTML entity you wish to write, i.e. [entity 162] will print "¢"
Usage example:
[entity 162]

See more information about HTML entities ...
[entityplain] Writes out the indicated HTML entity without additional styling - that is, it uses the page's default font.
###
Required number that indicates the HTML entity you wish to write, i.e. [entityplain 162] will print "¢"
Usage example:
[entityplain 162]

See more information about HTML entities ...
[definition] ... [end definition]A way to create a tooltip-style definition for the indicated text. The defined term is included as a quoted attribute in the tag, and the definition is enclosed in the tag.
'defined term'
Required text that indicates the term you intend to define.
Usage example:
[definition 'goat']Not a sheep[end definition]
[tooltip] ... [tooltipcontent] ... [end]Creates a tooltip pop-up containing whatever is between the [tooltipcontent] and [end] tags that displays whenever the target (the text between the initial [tooltip] tag and the [tooltipcontent] tag) is either hovered over or clicked.
'click | hover'
Optional indicating behavior that activate the tooltip.
'interactive'
Optional flag that supresses closing of the tooltip when it is clicked to allow checkbox and such to be used in the tooltip.
'top | bottom | left | right'
Optional controls position of the tooltip.
width
Optional width of tooltip box in pixels.
Usage example:
[tooltip click interactive 200]Click here to see[tooltipcontent]this content in a box[end]
[code] ... [end code]Code inside of this tag is displayed with context highlighting according to the indicated coding language.
language
Required. The coding language you want highlighted. "math" is a special case option (and can be more specific with "asciimath" or "texmath"), and uses LaTeX or ASCII-encoded equations. Other options include: Apache, Bash, C#, C++, Clojure, CoffeeScript, CSS, Diff, Go, HTML (possible display issues), HTTP, Ini, Java, JavaScript, JSON, Makefile, Markdown, Nginx, Objective C, Perl, PHP, Python, Ruby, Scheme, SQL, TeX, XML
Usage example:
<pre>[code javascript]
function getURL() {
    return window.location.href;
}

var currentURL = getURL();
[end code]</pre>

See more information about showing math equations ...
See more information about code highlighting ...
[lt] Inserts a left angle bracket, i.e. "<" n/a
[gt] Inserts a right angle bracket, i.e. ">" n/a
[lb] Inserts a left square bracket, i.e. "[" n/a
[rb] Inserts a right square bracket, i.e. "]" n/a
TAGDESCRIPTIONFLAGS
Links Back to the index
Creates a standard link to the indicated URL
URL
Required text that indicates the web address of your link.
'link text'
Optional. The clickable text for your link. If omitted, the URL will be inserted as the link text.
left | right
Optional. Aligns the link in the context of the text around it.
new
Optional. Tells the link to open in a new window.
button | bigbutton
Optional flag to create the link as a button (or a big button).
nocatalog
Optional. An expert-user flag to declare whether this link should be catalogged in the CMS database.
Usage example:
[link http://example.com/ 'Example' right bigbutton]
[http://example.com/etc.html] A shorthand that creates a link with the included URL. Must be a properly-formatted URL to function.
Usage example:
[http://example.com]
[mailto:email@example.com] A shorthand that creates a mailto: link for triggering the visitor's email application. Must be a properly-formatted email address to function.
Usage example:
[mailto:anybody@example.com]
Creates a link that floats to the right. The same as creating a link like so: [link URL right]
URL
Required text that indicates the web address of your link.
'link text'
Optional text that will be text of your created link. If omitted, the URL will be inserted as the link text.
Usage example:
[rightlink http://example.com/ 'Link text here']
[imageblock] Creates a special link with an image. Text can be laid over the image or included in a black below the image. The entire block - both text and image - is linked to the included URL.
###
Required ID number that indicates the image's unique identifier in the system.
bottom | tall
Required. Indicates whether to overlay the text on the image (bottom) or show the entire image and place the text below the image.
small | medium | large
Optional. Indicates the relative size of the imageblock.
'linked text'
Optional. Indicates the text to include in the imageblock, if desired.
URL
Required. Indicates the address of the page you wish the imageblock to link to.
hex #
Optional. Indicates a background color for the text block. No "#" required.
rollover
Optional. A flag that indicates you have aditional text to add that will show when the user rolls their mouse over the imageblock. Must close the rollover text with [end rollover].
Usage example:
[imageblock 123 bottom medium 'Text in the linkbar' http://example.com/ efefef rollover]Content for optional rollover text here[end rollover]

See more information about the [imageblock] tag ...
Creates a special link with an image. Text can be laid over the image or included in a black below the image. The entire block - both text and image - is linked to the included URL.
###
Required ID number that indicates the image's unique identifier in the system.
left | right
Optional. Indicates whether to place the image at the left or right of the linkbar.
'linked text'
Optional. Indicates the text to include in the linkbar if desired. Some simple HTML may be included here to style the text of the link. URLs will not work, since the entire linkbar is already a link.
URL
Required. Indicates the address of the page you wish the imageblock to link to.
hex #
Optional. Indicates a background color for the linkbar. No "#" required.
Usage example:
[linkbar 123 left 'Text in the linkbar' http://example.com/ efefef]

See more information about the [linkbar] tag ...
[sharetool] Attaches a social-media sharing widget to the page.
horizontal | vertical
Optional. Indicates whether to display the tool vertically (on the right of the page) or horizontally (at the bottom-right corner).
icon-only
Optional. Supresses the text beside the sharetool logos.
#hashtags
Optional. Include as many default Twitter hashtags as you like, separated by spaces.
Usage example:
[sharetool horizontal icon-only #rendezvous2020]
Creates a box where you can add links to other pages on the site with content related to the current page. The default display of this box is on the right side of the page toward the top of the content area. Within the tag, include your list of links with the standard CMS tools.
Usage example:
[relatedlinks]
<ul>
    <li>[link URL_1 'link text 1']</li>
    <li>[link URL_2 'link text 2']</li>
    <li>[link URL_3 'link text 3']</li>
</ul>
[end relatedlinks]
Creates a list of links to pages with common vocab terms tagged to them. The system automatically generates the list of related pages. If you think appropriate links are are excluded, or inappropriate links are included, let us know, and we can clarify or correct the system. n/a
[vocab] Places a human-readable format of the vocab term indicated with the included unique ID.
###
Required. The unique identifier for the indicated vocab term.
label
include the vocab name
commas
separate the terms by commas rather than breaks
term_only
omit terms in the vocab hiearchy above the selected one
Usage example:
[vocab 123 label commas term_only]
[resource] Creates a link to a common resource (a link to an information source) with a companion link to a page that describes the link and the resources it contains.
###
Required. The unique identifier for the indicated resource link.
'title text'
Optional. Custom text for the link.
description
Optional. A flag that will display the resources affiliated descriptive text.
recordlink
Optional. Makes the default link go to the descriptive page, rather than to the link itself.
imagesmall | imagelarge
Optional. Floats a thumbnail image to the right of the link.
new
Optional. The link will open in a new window.
apa
Optional. Generates an APA style citation.
showtitle
Optional. Forces the resource's title to display as the link text. However, this will not override an included 'title text' flag.
Usage example:
[resource 27 recordlink]
[resource_list] Inserts a list of resources that have been previous collected.
###
Required. The unique identifier for the indicated resource list.
Usage example:
[resourcelist 72]
[dig_resource] Inserts a link to the indicated dig resource.
###
Required. The unique identifier for the indicated dig resource.
Usage example:
[dig_resource 123]
[paypal] Inserts a PayPal link with the indicated unique identifier.
###
Required. The unique identifier for the indicated PayPal link.
Usage example:
[paypal 123]
Inserts a link to the page's comment area (if it exists), including the current comment count.
'URL'
Optional. The URL of the page whose comments you want to link to. Defaults to the current page.
Usage example:
[commentlink '/serc/index.html']
[pageset] Inserts a custom pageset menu using the indicated unique identifier. Pagesets can be created from the full-edit page.
###
Required. The unique identifier for the indicated pageset.
Usage example:
[pageset 654]
TAGDESCRIPTIONFLAGS
Images Back to the index
[image] Inserts the full-resolution image into the page.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[image 123 center http://example.com/]
[thumbnail] Places a small image on the page. Thumnail images will expand to a larger version when clicked. Thumbnail screenshots will link to the indicated page, or optionally linked to the image's detail page.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
###
Optional. Indicates the pixel-width for the generated thumbnail image, overriding the default.
border
Optional. Includes a border on the image.
detailpage
Optional. The thumbnail image will link to the image's detail page, rather than to the full-sized image.
Usage example:
[thumbnail 123 80 detailpage]
[thumbimage] Places a small image on the page. Thumnail images will expand to a larger version when clicked. Thumbnail screenshots will link to the indicated page.
###
Optional ID number that indicates the image's unique identifier in the system. If the ID number is omitted, a local URL is required.
local URL
If the image's ID number is omitted, you can include a URL from within the system, and this tag will include a screenshot of that page. The image will link to that page as well. NB: URLs must be included last in the tag, so flags must be added before the URL if using it instead of an image ID number.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
hidecaption
Optional - supresses the image's default caption.
caption
Optional - replaces the default caption with the text following the image's tag, and closed by an [end caption] tag.
noshadow
Optional - supresses the default drop-shadow.
noborder
Optional - supresses the default image border.
nostretch
Optional. Forces the image to display no larger than its original pixel width/height.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[thumbimage center noshadow /serc/index.html]
[quarterimage] Places an image sized to roughly 1/4 of the page content's width.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
hidecaption
Optional - supresses the image's default caption.
caption
Optional - replaces the default caption with the text following the image's tag, and closed by an [end caption] tag.
noshadow
Optional - supresses the default drop-shadow.
noborder
Optional - supresses the default image border.
nostretch
Optional. Forces the image to display no larger than its original pixel width/height.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[quarterimage 123 center http://example.com/]
[narrowimage] Places an image sized to roughly 1/3 of the page content's width.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
hidecaption
Optional - supresses the image's default caption.
caption
Optional - replaces the default caption with the text following the image's tag, and closed by an [end caption] tag.
noshadow
Optional - supresses the default drop-shadow.
noborder
Optional - supresses the default image border.
nostretch
Optional. Forces the image to display no larger than its original pixel width/height.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[narrowimage 123 center http://example.com/]
[largeimage] Places an image sized to roughly 2/3 of the page content's width.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
hidecaption
Optional - supresses the image's default caption.
caption
Optional - replaces the default caption with the text following the image's tag, and closed by an [end caption] tag.
noshadow
Optional - supresses the default drop-shadow.
noborder
Optional - supresses the default image border.
nostretch
Optional. Forces the image to display no larger than its original pixel width/height.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[largeimage 123 center http://example.com/]
[fullimage] Places an image sized to the full width of the page's content.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | right
Optional flag that indicates where to float the image in the flow of the page.
hidecaption
Optional - supresses the image's default caption.
caption
Optional - replaces the default caption with the text following the image's tag, and closed by an [end caption] tag.
noshadow
Optional - supresses the default drop-shadow.
noborder
Optional - supresses the default image border.
nostretch
Optional. Forces the image to display no larger than its original pixel width/height.
slideshow
Optional. Including this flag in any of a page's image will create a slideshow of all of the page's images, sorted in the order they are included in the page.
URL
Optional flag that can make the image link to any URL. NB: URLs must be the last flag added to any image tag.
Usage example:
[fullimage 123 center http://example.com/]
[imagebanner ... start] ... [imagebanner ... end]Creates a full-width image that may include overlaid text and images.
###
Required ID number that indicates the image's unique identifier in the system.
left | center | focus | right
Optional. A flag that indicates where the image should be positioned within the banner. Defaults to left. "focus" is a special keyword that will use an image's "focal point", settable when editing an image, to position the image.
hex #
Optional. A hexadecimal color code (such as "4D6E8A") that indicates what color to use to fade the image edge into the background. No "#" required.
ownheight | containerheight
Optional. Indicates whether to create the image banner at the height of the image itself, or at the height of the container it is placed inside. Default is ownheight.
start | end
Required. indicates whether this is the opening or closing tag. This flag must be placed at the end.
Usage example:
[imagebanner 40861 right 4d6e8a ownheight start]
Text and images that overlap the imagebanner background go here
[imagebanner 40861 right 4d6e8a ownheight end]

See more information about the [imagebanner ... start] tag ...
[imagezoom ... start] ... [imagezoom end]Creates a pane with one or more images included that can zoom in to or beyond their full resolution - think of it like a microscope slide.
sequence | collection
Optional. For imagezoom tools that include more than one image, they can be viewed in sequence (one after another) or as a collection, where they are ganged up into a single viewer. Collections work best with images of a similar size, dimension, and aspect ratio.
maxW-###
Optional. The max-width, in pixels, of the zoom tool pane.
maxH-###
Optional. The max-height, in pixels, of the zoom tool pane.
rows-###
Optional. In "collection" mode, tells the tool how to stack the images, if desired.
'Title'
Optional. A title that displays at the top of the zoomer pane.
start | end
Required. indicates whether this is the opening or closing tag. This flag must be placed at the end.
Usage example:
[imagezoom collection rows-2 start]
    [zoomimage 3846 'Image Label']
    [zoomimage 4849]
[imagezoom end]

See more information about the [imagezoom ... start] tag ...
[zoomimage] Creates an image for an [imagezoom] tool. One or more [zoomimage]s must be included inside the [imagezoom] tags.
###
Required. The ID of the image to display inside the zoom tool.
'Label'
Optional. A label used to identify and link to individual images included in a single zoom tool. Without the label, the image will default to the image title added during upload. If that was also omited, the image will be numbered.
Usage example:
[zoomimage 11276 'Label']

See more information about the [zoomimage] tag ...
[imagecitation] Inserts the provenance infromation from an image. This can (and in most cases, should) be included within a custom caption to make sure the image is properly credited.
###
Required ID number that indicates the image's unique identifier in the system.
Usage example:
[imagecitation 123]
[photosphere] Displays a gigapan/photosphere formatting jpg image in an interactive viewer.
###
Required ID number that indicates the image's unique identifier in the system.
Usage example:
[photosphere 123]
TAGDESCRIPTIONFLAGS
Page Structure Back to the index
[pullquote] ... [end pullquote]Creates a section of indented text - usually used to highlight an important point in an article.
Usage example:
[pullquote]This text will be indented without bullets or numbering.[end pullquote]
[context] ... [end context]Creates a section in a styled box.
'headline'
Optional text that will be included as a title for the context box.
Usage example:
[context 'Context Box Headline']Text and other content here will be grouped in a box.[end context]
[context#] ... [end 'context#']Creates a section in a styled box, based on the included numeral. [context3] blocks are floated right. [context], [context1], [context2], [context3], [context4] are all available as pre-styled context blocks.
'headline'
Optional text that will be included as a title for the pullquote.
Usage example:
[context3]Text and other content here will be grouped in a box.[end 'context3']
[*] ... [end *]A multipurpose closing tag, for closing a variety of opening tags, including: (caption | imagecaption | context | context2 | context3 | context4 | pullquote | bigfirstline | right | rightcolumn | divclass | hidden). Be specific what you are closing, i.e. [end pullquote]. n/a
[divclass] ... [end divclass]Creates a DIV with the indicated class.
'class-name'
Required text that assigns a CSS class name to the created DIV.
Usage example:
[divclass 'superfantastico']Text here will be subject to the CSS and JS related to the class 'superfantastico'.[end divclass]
[divid] ... [end divid]Creates a DIV with the indicated id.
'id-name'
Required text that assigns a DOM id name to the created DIV.
Usage example:
[divid 'wonderfulistic']Text here will be subject to the CSS and JS related to the id 'wonderfulistic'.[end divid]
[anchor] Creates a page anchor to which you can link. For example if you have a section lower on the page, and give it an anchor of 'references', you can link to it with a link tag such as [link #references 'References']
'anchor-name'
Required text that gives the anchor a name. You can link to this anchor with a URL such as example.com/page.html#anchor-name
Usage example:
[anchor 'references']
Creates a rotatable view of the elements placed within the [carousel] ... [end] tags. Usually these elements should be a set of similarly-sized divclasses, imageblocks, etc. If you are using flags to control the carousel's display, note that the min/max/width/margin settings only work if you set all four of them.
auto
Optional. A flag that tells the carousel to rotate automatically.
min###
Optional. The minimum number of items to show in the rotator at a time.
max###
Optional. The maximum number of items to show in the rotator at a time.
width###
Optional. The width in pixles of the carousel.
margin###
Optional. The margin size, in pixels, around the carousel.
random
Optional. Indicates whether the carousel items should be show in a randomized order.
nocontrols
Optional. Supresses all of the rotation controls.
pageronly
Optional. Indicates that only the carousel page controls should be shown, while the other controls are supressed.
Usage example:
[carousel auto min2 max7 width200 margin10 random nocontrols pageronly]
    [divid 'carouselcontent1']First stuff here.[end divid 'carouselcontent1']
    [divid 'carouselcontent2']Second stuff here.[end divid 'carouselcontent2']
    [divid 'carouselcontent3']Third stuff here.[end divid 'carouselcontent3']
[end carousel]

See more information about the [carousel] tag ...
[hidden] ... [end hidden]Creates a space that can be opened/closed with a show/hide link that is generated around the hidden content.
###
Optional. If a numeric id is present (choosen to be unique within this page) the hide/show state will be reflected in the url and thus persistent if people leave the page and return (and can be bookmarked). Avoid 6 digit ids as the system uses those.
'text label'
Required. A label to describe the hidden content.
omit_show
Optional. Supresses the "Show " portion of the link for the hidden block.
label_header
Optional. When included, displays the text label as an H3 header when the show/hide is opened.
show_at_start
Optional. Defaults the hidden area to be opened when the page loads.
Usage example:
[hidden 123 'The tomb of Al Capone' show_at_start]This is shown when the page loads because of the 'show_at_start' flag[end hidden]
[fadebox] ... [end]Shows only the top of the text within the box until a 'more' link is clicked.
view_height
Required. A height in pixels of the initially shown content.
Usage example:
[fadebox 200]Only the top 200px of this text is shown when the page loads[end]
[embed] Inserts a block of HTML with the indicated embed unique identifier.
###
Required. The unique identifier for the indicated embed chunk.
Usage example:
[embed 321]
[strandmap] Inserts an iframe containing the indicated strandlet.
###
Required. The unique identifier for the indicated strandmap.
Usage example:
[strandmap 456]
[csvtable] For creating a table from a comma-separated-value document.
###
Required. The unique identifier for the comma-separated-value file you intend to display.
small | medium | full
Optional. Indicates the width of the table.
Usage example:
[csvtable 123 medium]
[datagrid] For creating a datagrid from a comma-separated-value document.
###
Required. The unique identifier for the comma-separated-value file you intend to display.
small | medium | full
Optional. Indicates the width of the table.
Usage example:
[datagrid 321 small]
TAGDESCRIPTIONFLAGS
Searching Back to the index
[searchwidget] --- n/a
Creates a search box with customizable restrictions.
'search placeholder'
Optional. The default text that sits in the search form before the visitor clicks on the search box.
radio
Optional. If included, the search restrictions will be exposed as radio button options. When omitted, the search will only search the paths indicated in the nested [source â€_] tags.
Usage example:
[searchbox 'Search Placeholder' radio]
    [source /serc/search.html 'This Site']
    [source /nagt/search.html 'NAGT']
[end searchbox]
[source] Indicates a searchable source for a [searchbox] tag
URL
Required. A SERC path to which a search can be restricted, i.e. /serc/search.html
'source label'
Required. The text describing this search restriction.
Usage example:
[source /nagt/search.html 'NAGT']
TAGDESCRIPTIONFLAGS
Serckit Tools Back to the index
[assessment] ... [end assessment] n/a
[newjournalentry] n/a
[journalquestion] n/a
[journalquestionprivate] n/a
[form] Inserts a form with the given unique identifier.
###
Required. The unique identifier for the indicated form.
Usage example:
[form 123]
[thread] Inserts a discussion thread with the given unique identifier.
###
Required. The unique identifier for the indicated discussion thread.
Usage example:
[thread 123]
[threadspool] Inserts a collection of discussion threads (a threadspool) - like a discussion forum - with the given unique identifier.
###
Required. The unique identifier for the indicated discussion threadspool.
Usage example:
[threadspool 321]
[toggle] Inserts a link to swap togglable blocks on the page.
'toggleid'
Required. Gives a page-wide uinique ID for the block that will be toggled.
'link text'
Required. The text that will be linked to trigger the toggle.
Usage example:
[toggle 'this_toggle_id' 'text for the toggle link']
[teaching_material_use] Inserts a list of the InTeGrate materials the current person has reported using in classes. n/a
[community_members] Inserts a list of the people registered with the indicated community.
###
Required. The unique identifier for the indicated community.
Usage example:
[community_members 789]
TAGDESCRIPTIONFLAGS
Downloadables Back to the index
[file] Links to a file on the system. Useful for things like PDFs and Excel spreadsheets when a regular webpage cannot express the message you hope to convey.
###
Required. Unique identifier for the uploaded file.
thumbnail###
Optional. Displays an image as clickable link to the file based on the image id provided after the 'thumbnail' prefix
'link text'
Optional. Text the use in the link to the file.
searchable
Optional. Makes the file itself searchable as part of the page contents - if the search application can index the file contents.
slideshare | slideshare-nothumb
Optional. If this is a PowerPoint slide deck, the file can be pushed to the Slideshare service where a web visitor would not need to have PowerPoint on their system to view the contents of the slideshow. "slideshare" links a slide image to the web version of the PPT, and "slideshare-nothumb" links to the Slideshare version with a text link of "view".
force_download
Optional. Forces the linked file to download, rather than display in the browser, as happens with some file types.
new
Optional. Forces the linked file to open in a new window or tab, rather than the current window.
Usage example:
[file 321 thumbnail465 'NAGT Presentation' slideshare new]
[offline] Creates a link to generate an offline version of the module's content, either as a PDF, or as a commoncartridge ZIP file.
commoncartridge1p0 | pdf
Required. Indicates the format of the offline content you wish to generate.
'link text'
Optional. The text to use in the download link.
module###
Optional. You can create a link to download offline content for a module other than the current one using the module's unique identifier, i.e. module1234
Usage example:
[offline commoncartridge1p0 'Download a ZIP file of this module']
[file_archive] Creates a list of files included in the current module.
all | mc
Optional. A flag to include "all" of the files in the module and its sub-modules, or to include the files in a modules mini-collections ("mc")
Usage example:
[filearchive mc]
TAGDESCRIPTIONFLAGS
Embedding Back to the index
[oembed] For inserting an oEmbed in the page, usually from a video or image or audio service, such as Flickr or YouTube.
URL
Required. A valid oembed URL to insert the desired content.
narrow | large | full | ###
Optional. Indicates the width of the embedded object. A numeric value sets the pixel width, while a text value will size the object relative to the content area.
###
Optional. The pixel height of the embedded object - supported by Flickr.
left | center | right
Optional. Sets the relative horizontal position of the object in the content area.
caption
Optional. Creates a custom caption for the embedded object.
thumbnail
Optional. Declares whether to display a thumbnail sized image of the embedded object.
Usage example:
[oembed URL large left thumbnail]
[video] Places a playable video on the page. MP4/M4V format is preferred because of broad support across platforms and browsers.
###
Required. Unique identifier for the desired video file.
left | center | right
Optional. Indicates where to place the video in the content area.
width###
Optional. Indicates the width at which you would like the video to display, i.e "width580" will default the video player to a width of 580 pixels.
hd#
Optional. Indicates the unique identifier for a high-definition version of the video.
poster#
Optional. Indicates an image's unique ID that you would like to use as the display image for the video, i.e., using "poster47389" would include image 47389 as the still image on the unplayed video player.
#
Optional. If a number is included, the video will be linked with a thumbnail of this width, rather than directly included inside a video player. This option must be used without the width# or poster# flags.
caption | defaultcaption
Optional. Using "caption" you can include text after the video tag that will be included as a caption - this must be closed with an [end caption] tag. Using "defaultcaption" will insert the default provenance information for the video.
Usage example:
[video 1234 right defaultcaption]
[audio] Places an audio file player on the page.
###
Required. Unique identifier for the desired audio file.
left | center | right
Optional. Indicates the relative placement of the audio player.
width###
Optional. Indicates the width at which you would like the audio player to display, i.e "width580" will default the player to a width of 580 pixels.
caption | defaultcaption
Optional. Using "caption" you can include text after the audio tag that will be included as a caption - this must be closed with an [end caption] tag. Using "defaultcaption" will insert the default provenance information for the audio file.
Usage example:
[audio 51994 right width300]
[applet] Inserts a Java applet with an arbitrary number of parameters and flags. For compatibility reasons, try to avoid Java applets.
Usage example:
[applet (arbitrary number of parameters)]
TAGDESCRIPTIONFLAGS
Back to the index

« Previous Page