You are viewing an old version (v. 9) of this page.
The latest version is v. 13, last edited on Dec 11, 2014 (view differences | )
<< View previous version | view page history | view next version >>


The ace:radioButton component is a simple true/false selection used to toggle a value that is bound to the button. This component is available since release 3.3.0_P02. The buttonGroup component may be used to manage a group of radioButton components.

See the ICEfaces Showcase Live Demo of this component, complete with source code.

Getting Started

<html ... xmlns:ace="">
<h:body >


TagLib Documentation
This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here.

label The label of the button-what the user sees that relates to that particular button. For example, "Remember Me"

labelPosition Position of label relative to the radio button. Supported values are "left/right/top/bottom/none". Default is "none".

group ID of button group component if this button is outside of the button group but wants to logically belong to the group.

style a pass through to the root element of the component.

styleClass a pass through to the root element of the component.

tabindex a pass through to the root element of the component, default=0.

disabled a pass through to the root element of the component.

The following attributes are supported as pass-thru attributes: accesskey, alt, dir, label, lang, style, tabindex, title, type, onchange, onselect, onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onblur, onfocus

Event Listeners

As a descendant of UIInput, this component supports a value change listener.

valueChangeListener Method that will be notified when a new value has been set for this component

Client Behavior Events

action Fired when the button is clicked or pressed by any other means (default event).
Prior to 4.0 this event was named "activate". The "activate" event name is now deprecated but treated as an alias for "action" for backwards compatibility with existing applications.

JavaScript API


Keyboard Support

Default browser keyboard support for <button> elements (i.e. tabbing in and out, pressing space to activate).

CSS Classes

The following markup represents the basic HTML structure of the component and the CSS classes it uses.

<!-- Root container -->
<div class="ice-ace-radiobutton asdf" style="color:#000;">
	<span class="ice-ace-radiobutton-main">
			<button class="ui-corner-all ice-ace-radiobutton-selected">
				<!-- Icon -->
				<span class="fa fa-dot-circle-o fa-lg"></span>

Known Issues


Additional Resources


Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.