TWiki Variables » Search » Category: Formatting & Rendering

Variables in this category:

BUBBLESIG -- show bubble box and user signature with profile picture icon

  • Syntax: %BUBBLESIG{WikiName}% or %BUBBLESIG{WikiName - YYYY-MM-DD}%
  • The parameter can be either just the WikiName of a user, or by convention the WikiName followed by a dash and the date
  • Example:
    -- %BUBBLESIG{TWikiGuest - 2023-05-29}%
  • Expands to:
    -- TWiki Guest - 2023-05-29
  • Category: EditingAndContentUpdateVariables, FormattingAndRenderingVariables, UsersAndAuthenticationVariables
  • Related: USERREPORT, USERSIG, UserList, UserReports (this topic)

CALENDAR -- show a monthly calendar with highlighted events

  • Events are defined by bullets, see CalendarPlugin#Event_Syntax for details. The %CALENDAR{}% variable is handled by the CalendarPlugin.
  • Syntax: %CALENDAR{ parameters }%
  • Parameters:
    Parameter Description Default
    year="yyyy" The year Current year
    year="+yy" or "-yy" Relative year Current year
    month="mm" The month Current month
    month="+mm" or "-mm" relative month Current month
    gmtoffset="+/-hh" Timezone expressed as number of hours offset from GMT Server timezone
    topic="TopicName" Topic containing events The topic containing the tag
    topic="Web.TopicName1, Web.TopicName2" Topics containing events The topics containing the tags
    web="Webname" Web containing the event topic The current web
    lang="language" Language: First few characters of "English", "Francais", "Deutsch", "Espagnol", "Portugues", "Nederlands", "Italiano", "Norsk", "Svenska", "Dansk", "Suomi", "Magyar", "Polski "English"
    daynames="Mon|Tue|..." Custom day names "Monday|Tuesday|
    Wednesday|Thursday|
    Friday|Saturday|
    Sunday"
    header="..." Text at the top of the calendar; use $m for current month, $y for year Current month and year
    weekstartsonmonday="1" or "0" Flag to start week on Monday "0" (Sunday)
    showdatenumbers="0" Show day numbers 1...31 in date cells. Note that showdatenumbers=1 means that HTML::CalendarMonthSimple will add the date numbers to the cells. If showdatenumbers=0, then the plugin adds the date numbers. The result of this is that a calendar will always show the date numbers. "0" (except with aslist="1", see below)
    showweekdayheaders="1" Show the weekday headers "0"
    weekdayheadersbig="0" If enabled, show weekday headers in bold cell headings "1"
    cellalignment="left" Horizontal cell alignment of day cells: "left", "center", "right", "justify", "char" "center"
    vcellalignment="middle" Vertical cell alignment of day cells: "top", "middle", "bottom", "baseline" "top"
    cellheight="n" Height in pixels of each cell in the calendar Minimum height needed
    format="..." How to highlight a date See Event Formatting below
    width="n" or "n%" Width of calendar table in pixels or percent Minimum width needed
    sharpborders="n" If set to 1, this gives very crisp edges between the table cells. If set to 0 standard HTML cells are used. "1"
    border="n" Border width of calendar table. (sharpborders="0" required) "1"
    cellspacing="n" Spacing of calendar cells. (sharpborders="0" required) "0"
    cellpadding="n" Padding of calendar cells. (sharpborders="0" required) "3"
    nowrap="1" or "0" Prevent cell content from wrapping "0"
    bgcolor="#nnnn" Default background color of all cells unless redefined by other color settings below (use an HTML color-code like "#000000" as defined in StandardColors) "white"
    contentcolor="#nnnn" Default content color of all cells unless redefined "black"
    headercolor="#nnnn" Background color of the Month+Year header The web bgcolor
    headercontentcolor="#nnnn" Content color of the Month+Year header contentcolor setting
    weekdayheadercolor="#nnnn" Background color of weekdays' headers bgcolor setting
    weekdayheadercontentcolor=
    "#nnnn"
    Content color of weekdays' headers contentcolor setting
    weekendheadercolor="#nnnn" Background color of weekends' headers bgcolor setting
    weekendheadercontentcolor=
    "#nnnn"
    Content color of weekends' headers contentcolor setting
    weekdaycolor="#nnnn" Background color of weekday cells bgcolor setting
    weekdaycontentcolor="#nnnn" Content color of weekday cells contentcolor setting
    weekendcolor="#nnnn" Background of weekend cells light gray
    weekendcontentcolor="#nnnn" Content color of weekend cells contentcolor setting
    todaycolor="#nnnn" Background of today's cell The web bgcolor
    todaycontentcolor="#nnnn" Content color of today's cell contentcolor setting
    and other attributes of HTML::CalendarMonthSimple
    aslist Controls whether events displayed in calendar style (aslist=0) or list style (aslist=1). Note that specifying aslist=1 forces showdatenumbers=1. This is done to ensure that the date number is formatted according to datenumberformat and that only the days that have an event are listed. "0"
    days Specifies how many days of calendar data to list. Only valid if aslist="1". "1"
    months Specifies how many months of calendars to display. Only valid if aslist="0". "1"
    datenumberformat Specifies formatting for the date number in each cell. The formatting codes accepted are the same as those for the %GMTIME% variable. $day (if aslist="0")
      * $day $mon $year (if aslist="1")
    todaydatenumberformat Specifies formatting for the date number for the current day (today) in the calendar. The formatting codes accepted are the same as those for the %GMTIME% variable. datenumberformat
    multidayformat Specifies formatting of the description for multi-day events. See Multi-Day Event Formatting for details. $description
  • Example: %CALENDAR{ month="2" year="2023" bgcolor="cyan" }% shows a February 2023 calendar
  • Category: DateAndTimeVariables, FormattingAndRenderingVariables
  • Related: DATE, DISPLAYTIME, GMTIME{"format"}, SERVERTIME, CalendarPlugin (this topic)

CODE{"language"} -- highlight source code fragments for many languages

  • The %CODE{}% and %ENDCODE% variables are handled by the SyntaxHighlightingPlugin.
  • Syntax: %CODE{"language"}% ...code... %ENDCODE%
  • Parameters:
    Parameter Description Default
    "..." or
    lang="..."
    Source language. Supported languages: ada, asm, awk, bash, changelog, cpp, csh, c, delphi, diffs, diff, diffu, dylan, eiffel, elisp, Name:, forth, fortran_pp, fortran, haskell, html, icon, idl, inf, javascript, java, ksh, lua, m4, mail, makefile, matlab, nroff, oberon2, objc, outline, oz, pascal, perl, php, postscript, pyrex, python, rfc, ruby, scheme, sh, skill, Smalltalk, sml, sql, states, synopsys, tcl, tcsh, tex, vba, verilog, vhdl, vrml, wmlscript, zsh (none, required)
    num="..." Show line numbers next to the source code. An integer indicates the start number. Also "on" and "off" "off"
    step="..." Increment line numbers with the given step. Negative numbers will decrement. "1"
    style="..." Style of box around the source code light gray box
    numstyle="..." Style of line number column light brown box
  • Example:                   ? Expands to:
    <sticky>
    %CODE{"cpp" num="on"}%
    void foo() {
      print("Do stuff.\n");
    }
    %ENDCODE%
    </sticky>
     
        1void foo() {
        2     print("Do stuff.\n");
        3   } 

    COLORPICKER{} -- color picker for use in HTML forms for TWiki applications

    • The %COLORPICKER{}% variable is handled by the ColorPickerPlugin.
    • Syntax: %COLORPICKER{ name="..." value="..." }%
    • Parameters:
      Parameter Description Default Example
      name Name of input field (required) name="text_color"
      value Initial color value, in hexadecimal notation for the combination of Red, Green, and Blue color values (RGB). (none) value="#0000ff"
      size Size of input field, in number of characters (browser default) size="8"
      class CSS class of input field or the rectangular color block (none) class="twikiInputField"
      style Style of input field or the rectangular color block (none) style="width: 190px; height: 32px"
      type Type of color widget:
      ? "below" - color picker is located below the input field;
      ? "popup" - pop-up a color picker window when clicking the button next to the input field
          (this uses very little vertical space);
      ? "view" - a read-only rectangular block colored in the color value (no color picker);
      ? "view-hex" - like view, in addition shows the color value as an RGB hexadecimal code (no color picker);
      type="below" type="view-hex"
      Additional parameters can be supplied; they will be added to the HTML input field or the rectangular color block.
    • Example:
      <form action="...">
      %COLORPICKER{ name="text_color" value="#123456" class="twikiInputField" type="popup" }%
      <form>
      Renders as:
    • Category: ApplicationsAndComponentsVariables, DatabaseAndFormsVariables, EditingAndContentUpdateVariables, FormattingAndRenderingVariables, UIAndVisualizationVariables
    • Related: ColorPickerPlugin, TWikiForms (this topic)

    COPY -- Copyright symbol

    DASHBOARD -- build a dashboard with banner and boxes

    DATEPICKER{} -- pop-up calendar to select a date for use in HTML forms

    • The %DATEPICKER{}% variable is handled by the DatePickerPlugin.
    • Syntax: %DATEPICKER{ name="..." value="..." }%
    • Parameters:
      Parameter Description Default Example
      name Name of input field.
      φ: No output is shown if the name parameter is missing, but the CSS and Javascript are loaded.
      (requiredφ) name="Start"
      value Initial date value. "" (today) value="2012-12-31"
      format Format of resulting date value.
      ? %a - abbreviated weekday name
      ? %A - full weekday name
      ? %b - abbreviated month name
      ? %B - full month name
      ? %C - century number
      ? %d - the day of the month (00 ... 31)
      ? %e - the day of the month (0 ... 31)
      ? %H - hour (00 ... 23)
      ? %I - hour (01 ... 12)
      ? %j - day of the year ( 000 ... 366)
      ? %k - hour (0 ... 23)
      ? %l - hour (1 ... 12)
      ? %m - month (01 ... 12)
      ? %M - minute (00 ... 59)
      ? %n - a newline character
      ? %p - "PM" or "AM"
      ? %P - "pm" or "am"
      ? %S - second (00 ... 59)
      ? %s - number of seconds since Epoch (since Jan 01 1970 00:00:00 UTC)
      ? %t - a tab character
      ? %U, %W, %V - the week number. The week 01 is the week that has the Thursday in the current year, which is equivalent to the week that contains the fourth day of January. Weeks start on Monday.
      ? %u - the day of the week (1 ... 7, 1 = MON)
      ? %w - the day of the week (0 ... 6, 0 = SUN)
      ? %y - year without the century (00 ... 99)
      ? %Y - year including the century (ex. 2012)
      ? %% - a literal % character
      "%Y-%m-%d" format="%e %b %Y"
      id ID of input field, optional. "id_" + name id="idStart"
      size Size of input field, in number of characters. (calculated as needed) size="12"
      class CSS class of input field. "twikiInputField" class="dateField"
      Additional HTML input field attributes, such as alt, disabled, maxlength, onblur, onchange, onfocus, readonly, style, tabindex, title    
    • Example:
      <form action="...">
      %DATEPICKER{ name="Start_Date" }%
      <form>
    • Expands to:
    • Category: ApplicationsAndComponentsVariables, DatabaseAndFormsVariables, DateAndTimeVariables, EditingAndContentUpdateVariables, FormattingAndRenderingVariables, UIAndVisualizationVariables
    • Related: DatePickerPlugin, TWikiForms (this topic)

    ENDCOLUMNS -- end a responsive multi-column page layout

    ENTITY{string} -- encode a string to HTML entities

    • Encode "special" characters to HTML entities. Useful to encode text properly for HTML input fields.
    • Encoded characters:
      • all non-printable ASCII characters below space, including newline ("\n") and linefeed ("\r")
      • Space
      • HTML special characters "<", ">", "&", single quote (') and double quote (")
      • TWiki special characters "%", "[", "]", "@", "_", "*", "=" and "|"
    • Syntax: %ENTITY{string}%
    • Example: %ENTITY{text with "quotes" and
      newline}%
      expands to text&#32;with&#32;&#34;quotes&#34;&#32;and&#10;newline
    • Notes:
      • To protect against cross-site scripting (XSS), always entity encode text intended for HTML input fields. This is especially true if text is received dynamically via URLPARAM or the like.
        Example: <input type="text" name="address" value="%ENTITY{any text}%" />
      • %ENTITY{string}% is roughly equivalent to %ENCODE{ "string" type="html" }%, but the latter cannot handle strings that have double quotes embedded in it.
    • Category: DevelopmentVariables, FormattingAndRenderingVariables, ExportAndPublishingVariables
    • Related: ENCODE, FORMFIELD, QUERYPARAMS, URLPARAM (this topic)

    FORM{} -- render a TWiki form for view

    • Show a table containing data of a TWiki form attached to a topic
    • Syntax: %FORM{topic="..." formfields="..." ...}%
    • Supported parameters:                    
      Parameter: Description: Default:
      "..." or
      topic="..."
      Name of topic containing the TWiki form, such as "Bug1234". Specify topic name or Web.TopicName Current topic
      rev="..." Get the form from the specified topic revision, range "1" to top revision of topic. "0" is equivalent to the top revision The rev URL parameter value if present, else the top revision
      formfields="..., ..." Specify names of TWiki form fields to show, in sequence. The all token shows all remaining fields. "all"
      header="..." Form header, typically containing the form name. If "on", the default format " *[[$formweb.$formtopic][$formtopic]]* " is used. If "none", the header is suppressed. Supported variables:
      ? $formweb - name of web containing the form definition.
      ? $formtopic - name of topic containing the form definition.
      "on"
      format="..." Format of one form field. Supported variables:
      ? $title - raw field name (includes space and other special characters).
      ? $name - field name (sanitized title).
      ? $type - form field type.
      ? $size - size of field or selector.
      ? $value - form field value.
      ? $value(20, -<br />) - value hyphenated every 20 characters using separator -<br />.
      ? $value(30, ...) - value shortened to 30 characters.
      ? $length - length of form field value.
      ? $tooltip - tooltip message.
      ? $attributes - type attributes, such as H for hidden, M for mandatory.
      ? $formweb - name of web containing the form definition.
      ? $formtopic - name of topic containing the form definition.
      See details in TWikiForms#FormFieldTypes.
      " $title: $value "
      separator="..." Line separator. Variable $br expands to <br /> tag, and $n to a newline. "$n"
      default="..." Text shown when no form or form fields are found ""
      newline="$br" Convert newlines in textarea to other delimiters. Variable $br expands to <br /> tag, and $n to a newline. Other text is encoded based on encode parameter. "$br" if format is a TWiki table, else "\n"
      encode="html" Encode special characters in form field value into HTML entities. Additional encodings available: encode="quote", encode="moderate", encode="safe", encode="entity" and encode="url". See ENCODE for details. "" (no encoding)
      showhidden="..." Set to "on" to show also hidden form fields. ""
    • Examples:
      • %FORM{topic="%INCLUDINGTOPIC%"}% - show form data of the including topic (typically used in an included header)
      • %FORM{topic="Projects.SushiProject" formfields="Title, Status, Deadline" header="none"}% - show a subset of form fields
      • %FORM{format="$name" header="none" separator=", "}% - get all visible form field names as a list
    • Category: DatabaseAndFormsVariables, DevelopmentVariables, FormattingAndRenderingVariables
    • Related: EDITFORM, EDITFORMFIELD, ENCODE, ENTITY, FORMFIELD, META, METASEARCH, SEARCH, TWikiForms, FormattedSearch, QuerySearch, SearchHelp (this topic)

    FOURCOLUMNS -- responsive four-column page layout

    • Write %FOURCOLUMNS% ...text... %ENDCOLUMNS% to get a page layout with four columns. The layout is responsive, e.g. it automatically adjusts to a lower number of columns (4 => 3 => 2 => 1) depending on the window width or screen width of the device used. The 300 pixels minimum width of a column determines the number of columns shown. Embedded images scale down automatically to the width of the screen if needed.
    • Syntax: %FOURCOLUMNS% ... %ENDCOLUMNS%
    • Example:
      %FOURCOLUMNS% Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra ante ac augue sagittis semper. Vestibulum sed urna quam. Phasellus eleifend dolor id dui dictum lobortis. Etiam enim erat, fermentum eget libero non, pretium vestibulum nisi. Nam eget nisi diam. Cras egestas, nibh a malesuada hendrerit, tellus turpis gravida dolor, at fermentum ipsum libero id eros. Mauris a nunc turpis. Fusce turpis dui, blandit nec maximus at, sagittis et arcu. Duis eros sapien, accumsan sed varius eget, elementum eu sapien. Nulla congue, nulla efficitur gravida porta, leo ex feugiat purus, sit amet sagittis leo arcu at magna. Pellentesque eleifend, libero quis consectetur tincidunt, orci ipsum scelerisque turpis, vulputate feugiat risus orci non odio. Integer id enim turpis. Cras et nisl quis massa ornare maximus id sit amet justo. Mauris at mi eget nisi imperdiet ullamcorper. %ENDCOLUMNS%
    • Type: Preference variable - TWikiRenderingShortcut.
    • Category: FormattingAndRenderingVariables
    • Related: TWOCOLUMNS, THREECOLUMNS, ENDCOLUMNS, TWikiPreferences rendering shortcuts (this topic)

    HIDEINPRINT{text} -- hide content when printing

    JQENDTAB -- end a JQuery tab within a tab pane

    JQENDTABPANE -- end a JQuery tab pane

    JQTAB -- start a JQuery tab within a tab pane

    • This variable is handled by the JQueryPlugin. For description see JQTABPANE
    • Syntax: %JQTABPANE% %JQTAB{"Tab 1"}% ... %JQENDTAB% %JQTAB{"Tab 2"}% ... %JQENDTAB% ... %JQENDTABPANE%
    • Supported parameters:
      Parameter: Description: Default:
      "..." Name of tab, shown as tab label (required)
      before When switching tabs, this is the Javascript fragment to be executed just before the tab is displayed ""
      after This Javascript handler is to be executed after the tab has been made visible ""
      afterload This Javascript handler will be called when content loaded asynchronously has finished loading (using the url parameter described below). Depending on the network latency and server response time, this can be significantly later than execution of the after handler above ""
      url Link from where to load the content of the tab asynchronously when selecting this tab; the result of the addressed handler will replace the content area; if no url is set the content of the TAB ... ENDTAB area will be shown when the tab is selected ""
      container Container element (".someClass" or "#someID") where content will be loaded asynchronously using Ajax; this is only used together with url ".jqTabContents"
      class Add additional class to existing tab class "jqTab" ""
    • Example: See complete example at JQTABPANE
    • Example: Asynchronously load the content of TimBernersLee topic into a tab content:
      %JQTABPANE%
      %JQTAB{ "Tim Berners-Lee" url="%SCRIPTURL{view}%/TWiki/TimBernersLee?skin=text" }%
      %ICON{processing}%
      %JQENDTAB%
      %JQENDTABPANE%
    • Category: ApplicationsAndComponentsVariables, FormattingAndRenderingVariables
    • Related: JQENDTAB, JQENDTABPANE, JQTABPANE, JQueryPlugin (this topic)

    JQTABPANE -- start a JQuery tab pane

    • Create nice looking horizontal tab panes in TWiki topics. Write a sequence of %JQTAB{"..."}% and %JQENDTAB% pairs, and enclose them in %JQTABPANE% and %JQENDTABPANE%. Tab panes can be nested, e.g. within one tab you can add another tab pane. These variable are handled by the JQueryPlugin.
    • Syntax: %JQTABPANE{ select="1" }% %JQTAB{"Tab 1"}% ... %JQENDTAB% %JQTAB{"Tab 2"}% ... %JQENDTAB% ... %JQENDTABPANE%
    • Supported parameter:
      Parameter: Description: Default:
      select="" Select a tab pane, default is the first tab. "1"
    • Note: A tab can be selected with a tab URL parameter using %JQTABPANE{ select="%URLPARAM{tab}%" }%
    • Example:
      %JQTABPANE%
      %JQTAB{"Tab 1"}%
      Tab 1 content...
      %JQENDTAB%
      %JQTAB{"Tab 2"}%
      Tab 2 content...
      %JQENDTAB%
      %JQENDTABPANE%
    • Renders as:

      Tab 1

      Tab 1 content...

      Tab 2

      Tab 2 content...
    • Category: ApplicationsAndComponentsVariables, FormattingAndRenderingVariables
    • Related: JQENDTAB, JQENDTABPANE, JQTAB, JQueryPlugin (this topic)

    LAQUO -- left double angle quote

    NBSP -- non-breaking space

    PARENTBC -- parent breadcrumbs for headings

    RAQUO -- right double angle quote

    REG -- Registered Trademark symbol

    RENDERLIST -- render bullet lists in a variety of formats

    • The %RENDERLIST% variable is handled by the RenderListPlugin
    • Syntax: %RENDERLIST%
    • Syntax: %RENDERLIST{ "org" focus="Sales.WestCoastTeam" }%
    • Example:
      %RENDERLIST{ "org" }%
         * [[Eng.WebHome][Engineering]]
            * [[Eng.TechPubs][Tech Pubs]]
         * [[Sales.WestCoastTeam][Sales]]
            * [[Sales.EastCoastTeam][East Coast]]
            * [[Sales.WestCoastTeam][West Coast]]
    • Category: FormattingAndRenderingVariables
    • Related: RenderListPlugin (this topic)

    SLIDESHOWEND -- end slideshow

    SLIDESHOWSTART -- convert a topic with headings into a slideshow

    TABLE{ attributes } -- control attributes of tables and sorting of table columns

    • The %TABLE{}% variable is handled by the TablePlugin
    • Syntax: %TABLE{ attributes }%

    • Supported attributes:
      Argument Comment Default value Example
      sort Set table sorting by clicking headers "on" or "off". unspecified sort="on"
      initsort Column to sort initially ("1" to number of columns). unspecified initsort="2"
      initdirection Initial sorting direction for initsort, set to "up" (descending) or "down" (ascending). unspecified initdirection="up"
      disableallsort Disable all sorting, both initsort and header sort. This is mainly used by plugins such as the EditTablePlugin to disable sorting in a table while editing the table. unspecified disableallsort="on"
      headerbg Header cell background color. "#6b7f93" headerbg="#999999"
      headerbgsorted Header cell background color of a sorted column. the value of headerbg headerbgsorted="#32596c"
      headercolor Header cell text color. "#ffffff" headercolor="#0000cc"
      databg Data cell background color, a comma separated list. Specify "none" for no color, that is to use the color/background of the page the table is on. "#edf4f9,#ffffff" databg="#f2f2f2,#ffffff"
      databgsorted Data cell background color of a sorted column; see databg. the values of databg databgsorted="#d4e8e4,#e5f5ea"
      datacolor Data cell text color, a comma separated list. unspecified datacolor="#0000CC, #000000"
      tableborder Table border width (pixels). "1" tableborder="2"
      tableframe Table frame, set to "void" (no sides), "above" (the top side only), "below" (the bottom side only), "hsides" (the top and bottom sides only), "lhs" (the left-hand side only), "rhs" (the right-hand side only), "vsides" (the right and left sides only), "box" (all four sides), "border" (all four sides). unspecified tableframe="hsides"
      tablerules Table rules, set to "none" (no rules), "groups" (rules will appear between row groups and column groups only), "rows" (rules will appear between rows only), "cols" (rules will appear between columns only), "all" (rules will appear between all rows and columns). unspecified tablerules="rows"
      cellpadding Cell padding (pixels). "0" cellpadding="0"
      cellspacing Cell spacing (pixels). "0" cellspacing="3"
      cellborder Cell border width (pixels). unspecified cellborder="0"
      valign Vertical alignment of cells and headers, set to "top", "middle", "bottom" or "baseline". unspecified valign="top"
      headervalign Vertical alignment of header cells; overrides valign. unspecified headervalign="top"
      datavalign Vertical alignment of data cells; overrides valign. unspecified datavalign="top"
      headeralign Header cell alignment, one value for all columns, or a comma separated list for different alignment of individual columns. Set to "left", "center", "right" or "justify". Overrides individual cell settings. unspecified headeralign="left,right"
      dataalign Data cell alignment, one value for all columns, or a comma separated list for different alignment of individual columns. Set to "left", "center", "right" or "justify". Overrides individual cell settings. unspecified dataalign="center"
      tablewidth Table width: Percentage of window width, or absolute pixel value. unspecified tablewidth="100%"
      columnwidths Column widths: Comma delimited list of column widths, percentage or absolute pixel value. unspecified columnwidths="80%,20%"
      headerrows Number of header rows to exclude from sort. (will be rendered in a HTML thead section) (determined automatically) headerrows="2"
      footerrows Number of footer rows to exclude from sort. (will be rendered in a HTML tfoot section) "0" footerrows="1"
      id Unique table identifier string, used for targeting a table with CSS. tableN (where N is the table order number on the page) id="userTable"
      summary Table summary used by screenreaders: A summary of what the table presents. It should provide an orientation for someone who listens to the table. unspecified summary="List of subscribed users"
      caption Table caption: A title that will be displayed just above the table. unspecified caption="Users"

    THREECOLUMNS -- responsive three-column page layout

    • Write %THREECOLUMNS% ...text... %ENDCOLUMNS% to get a page layout with three columns. The layout is responsive, e.g. it automatically adjusts to a lower number of columns (3 => 2 => 1) depending on the window width or screen width of the device used. The 300 pixels minimum width of a column determines the number of columns shown. Embedded images scale down automatically to the width of the screen if needed.
    • Syntax: %THREECOLUMNS% ... %ENDCOLUMNS%
    • Example:
      %THREECOLUMNS% Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra ante ac augue sagittis semper. Vestibulum sed urna quam. Phasellus eleifend dolor id dui dictum lobortis. Etiam enim erat, fermentum eget libero non, pretium vestibulum nisi. Nam eget nisi diam. Cras egestas, nibh a malesuada hendrerit, tellus turpis gravida dolor, at fermentum ipsum libero id eros. Mauris a nunc turpis. Fusce turpis dui, blandit nec maximus at, sagittis et arcu. Duis eros sapien, accumsan sed varius eget, elementum eu sapien. Nulla congue, nulla efficitur gravida porta, leo ex feugiat purus, sit amet sagittis leo arcu at magna. Pellentesque eleifend, libero quis consectetur tincidunt, orci ipsum scelerisque turpis, vulputate feugiat risus orci non odio. Integer id enim turpis. Cras et nisl quis massa ornare maximus id sit amet justo. Mauris at mi eget nisi imperdiet ullamcorper. %ENDCOLUMNS%
    • Type: Preference variable - TWikiRenderingShortcut.
    • Category: FormattingAndRenderingVariables
    • Related: TWOCOLUMNS, FOURCOLUMNS, ENDCOLUMNS, TWikiPreferences rendering shortcuts (this topic)

    TM -- Trademark symbol

    TWIKISHEET{} -- enable TWiki Sheet (spreadsheet) and set options

    • The %TWIKISHEET{}% variable is handled by the TWikiSheetPlugin
    • Syntax: %TWIKISHEET{ parameters }%
    • Supported parameters:
      Parameter Description Example Default
      mode Mode of operation:
      ? mode="classic" - regular TWiki table and an edit button; once pressed, the table switches into spreadsheet edit mode.
      ? mode="toggle" - spreadsheet in read-only mode and an edit button; once pressed, the table switches into spreadsheet edit mode.
      ? mode="toggle-edit" - like "toggle" but initial state is spreadsheet edit mode.
      ? mode="edit" - the table is always in spreadsheet edit mode.
      mode="edit" {Plugins}
      {TWikiSheetPlugin}
      {Mode}

      configure
      setting ("toggle")
      concurrent Concurrent editing. If enabled, multiple people can edit TWiki Sheet and see each other's changes. This includes editing cells, pasting a range of cells, drag-filling cells, adding/removing rows, adding/removing columns, and undo.
      ? concurrent="0" - disable concurrent editing; changes by others will be shown after a page reload.
      ? concurrent="1" - enable concurrent editing; changes by others will show up while editing TWiki Sheet.
      concurrent="1" {Plugins}
      {TWikiSheetPlugin}
      {ConcurrentEdit}

      configure
      setting ("0")
      save Optionally disable save; useful to demo the plugin save="0" save="1"
      width Table width in pixels; a horizontal scrollbar is added if needed width="500" (full window width)
      height Table height in pixels; a vertical scrollbar is added if needed height="300" (full table height)
      colHeaders Set to "false" to disable the default column headers (A, B, C); set to a function for custom headers, such as:
      =colHeaders="function(index) { return String.fromCharCode(65+index) + ' (' + (index + 1) + ')'; }"=,
      which will show headers A (1), B (2), C (3), ...
      colHeaders="false" colHeaders="true"
      rowHeaders Set to "false" to disable the default row headers (1, 2, 3) rowHeaders="false" rowHeaders="true"
      contextMenu Defines the right-click context menu; set to "false" to disable; set to array of available strings, such as:
      contextMenu="['row_above', 'row_below', 'col_left', 'col_right', 'remove_row', 'remove_col', '---------', 'undo', 'redo']"
      contextMenu="false" contextMenu="true"
      fixedRowsTop Fixed number of rows shown on top; takes effect if height parameter is used fixedRowsTop="1" (none)
      fixedColumnsLeft Fixed number of columns shown on the left; takes effect if width parameter is used fixedColumnsLeft="2" (none)
      formulas Formula support; set to "false" to disable spreadsheet calculations in table cells, such as: =SUM(A1:A8) formulas="false" formulas="true"
      maxCols Maximum number of columns maxCols="10" (unlimited)
      maxRows Maximum number of rows maxRows="1000" (unlimited)
      minSpareCols When set to 1 (or more), automatically add a new column at the right if there are no more empty columns minSpareCols="1" minSpareCols="0"
      minSpareRows When set to 1 (or more), automatically add a new row at the bottom if there are no more empty rows minSpareRows="1" minSpareRows="0"
      wordWrap Word wrap; set to "false" to disable cell content wrapping if it does not fit in the fixed column width wordWrap="false" wordWrap="true"
      more... Additional Handsontable options can be used. Notes on types of values:
      ? Number value: Specify the number, such as width="500"
      ? String value: Enclose the string in single quotes, such as preventOverflow="'horizontal'"
      ? Boolean value: Specify "true" or "false", such as manualRowResize="true"
      ? Array value: Specify the array, such as manualRowResize="[40, 50]"
      ? Object value: Specify the object, such as columnSorting="{ column: 2, sortOrder: true }"
      ? Function: Specify the JavaScript function, such as:
         cells="function( row, col, prop ) { var cp = {}; if( row===0 ) { cp.readOnly = true; } return cp; }"
           
    • Example:
      %TWIKISHEET{ mode="edit" save="0" }%
      |  | 16Q1 | 16Q2 | 16Q3 | 16Q4 |
      | East: | 163 | 182 | 208 | 193 |
      | Center: | 82 | 97 | 126 | 91 |
      | West: | 217 | 231 | 294 | 249 |
      | Total: | =SUM(B2:B4) | =SUM(C2:C4) | =SUM(D2:D4) | =SUM(E2:E4) |
      | Min: | =MIN(B2:B4) | =MIN(C2:C4) | =MIN(D2:D4) | =MIN(E2:E4) |
      | Max: | =MAX(B2:B4) | =MAX(C2:C4) | =MAX(D2:D4) | =MAX(E2:E4) |
        screenshot.png
    • Category: DatabaseAndFormsVariables, EditingAndContentUpdateVariables, FormattingAndRenderingVariables, TablesAndSpreadsheetsVariables
    • Related: See TWikiSheetPlugin for more details (this topic)

    TWISTY{ attributes } -- dynamically open and close sections of content

    TWOCOLUMNS -- responsive two-column page layout

    • Write %TWOCOLUMNS% ...text... %ENDCOLUMNS% to get a page layout with two columns. The layout is responsive, e.g. it automatically adjusts to a single column (2 => 1) depending on the window width or screen width of the device used. The 300 pixels minimum width of a column determines the number of columns shown. Embedded images scale down automatically to the width of the screen if needed.
    • Syntax: %TWOCOLUMNS% ... %ENDCOLUMNS%
    • Example:
      %TWOCOLUMNS% Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra ante ac augue sagittis semper. Vestibulum sed urna quam. Phasellus eleifend dolor id dui dictum lobortis. Etiam enim erat, fermentum eget libero non, pretium vestibulum nisi. Nam eget nisi diam. Cras egestas, nibh a malesuada hendrerit, tellus turpis gravida dolor, at fermentum ipsum libero id eros. Mauris a nunc turpis. Fusce turpis dui, blandit nec maximus at, sagittis et arcu. Duis eros sapien, accumsan sed varius eget, elementum eu sapien. Nulla congue, nulla efficitur gravida porta, leo ex feugiat purus, sit amet sagittis leo arcu at magna. Pellentesque eleifend, libero quis consectetur tincidunt, orci ipsum scelerisque turpis, vulputate feugiat risus orci non odio. Integer id enim turpis. Cras et nisl quis massa ornare maximus id sit amet justo. Mauris at mi eget nisi imperdiet ullamcorper. %ENDCOLUMNS%
    • Type: Preference variable - TWikiRenderingShortcut.
    • Category: FormattingAndRenderingVariables
    • Related: THREECOLUMNS, FOURCOLUMNS, ENDCOLUMNS, TWikiPreferences rendering shortcuts (this topic)

    USERSIG -- show user signature with profile picture icon

    WIP -- work in progress icon

    Total: 32 variables

    Categories:

    Related Topics: TWikiVariables, TWikiVariablesSearch, TWikiVariablesQuickStart

Edit | Attach | Watch | Print version | History: r1 | Backlinks | Raw View | WYSIWYG | More topic actions
Topic revision: r1 - 2012-11-11 - TWikiContributor
 
    • Cern Search Icon Cern Search
    • TWiki Search Icon TWiki Search
    • Google Search Icon Google Search

    TWiki All webs login

This site is powered by the TWiki collaboration platform Powered by PerlCopyright &© 2008-2023 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
or Ideas, requests, problems regarding TWiki? use Discourse or Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.FormattingAndRenderingVariables