Foswiki on GitHub is open for business! Next release meeting: Monday September 1, 1300Z

BUTTON{"text" ...} -- renders a nice button

  • Parameters:
    Parameter: Description: Default:Sorted ascending
    "text", value="text" text to be put on this button  
    accesskey access key used for this button  
    class extra class: use foswikiRight or foswikiLeft to specify aligment; use cyan, red, green for different background colors; use simple for a non-3D button  
    icon icon to be put on the left; note, this can be any icon attached to the {IconSearchPath}; see also VarJQICON  
    id html id for this button  
    onclick javascript event triggered when clicking the button  
    onmouseout javascript event triggered when the pointer leaves the button  
    onmouseover javascript event triggered when the pointer hovers over the button  
    target topic to open when clicking on the button  
    title popup title displayed when hovering over the button  
    href url of the click target #
    type type of action to be performed; available actions are
    • button: (default) normal click button, target specified in target or href parameter
    • clear: clears all input fields in the form that contains the button
    • reset: resets all input fields in a form to their initial value
    • submit: submits the form that contains the button
    • save: same as submit but takes care of extra validation steps when saving a wiki topic
    button
  • Example:
    %BUTTON{
        "%MAKETEXT{"Submit"}%"
        onclick="confirm('Are your sure?')"
      }%
      %BUTTON{
        "%MAKETEXT{"Cancel"}%"
        icon="cross"
        target="%WEB%.%TOPIC%"
      }% %CLEAR%
  • Expands as:
  • Note: BUTTONS are floating to the left by default. Take care to add a %CLEAR% after the %BUTTON{...}% so that further content does not overlap with the button.
  • Related: JQueryButton
Topic revision: r24 - 19 Nov 2013, GeorgeClark
 
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. see CopyrightStatement. Creative Commons License