You are here: Foswiki>System Web>Category>UserDocumentationCategory>Macros>VarBUTTON (25 Nov 2024, ProjectContributor)Edit Attach

BUTTON -- renders a nice button

Parameters

Parameter Description Default
"text" text to be put on this button  
value text to be put on this button  
accesskey access key used for this button  
class e.g. use simple for a non-3D button  
data_... add html5 data attributes  
align left, right, center
href url of the click target #
for will render a label pointing to an input element rather than a link
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  
target topic to open when clicking on the button  
title popup title displayed when hovering over the button  
type type of action to be performed; available actions are
  • button - 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

Examples

You type: 

%BUTTON{
   "%MAKETEXT{"Submit"}%"
   icon="fa-check"
   onclick="confirm('Are your sure?')"
}%
%BUTTON{
   "%MAKETEXT{"Cancel"}%"
   icon="fa-times"
   target="%WEB%.%TOPIC%"
}%

You get:

Submit Cancel

JQueryButton
Edit  | Attach | Print version | History: r1 | Backlinks | View wiki text | Edit wiki text | More topic actions
Topic revision: r1 - 25 Nov 2024, ProjectContributor
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback