KEFRI Knowledge Base

You are here: KEFRI Knowledge Base>System Web>Category>UserDocumentationCategory>Macros>VarBUTTON (18 Nov 2019, 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	#
`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

%BUTTON{
    "%MAKETEXT{"Submit"}%"
    icon="tick"
    onclick="confirm('Are your sure?')"
  }%
  %BUTTON{
    "%MAKETEXT{"Cancel"}%"
    icon="cross"
    target="%WEB%.%TOPIC%"
  }% %CLEAR%

Expands as:
Submit Cancel

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.

JQueryButton

Topic revision: r1 - 18 Nov 2019, UnknownUser

System

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

KEFRI Knowledge Base

BUTTON -- renders a nice button

Parameters

Examples

Related