You are here: Foswiki>System Web>Category>UserDocumentationCategory>Macros>VarBUTTON (2024-12-23, UnknownUser)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

Topic revision: r1 - 2024-12-23, UnknownUser

System

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback

BUTTON -- renders a nice button

Parameters

Examples

Related