Checkbox

You are viewing an old version (v. 4) of this page.
The latest version is v. 38, last edited on May 08, 2018 (view differences | )
<< View previous version | view page history | view next version >>

Checkbox (with sam-style it is rendered as checkbutton:

 ....within form as is pushbutton:-
See the namespace definition requirements on Slider component
NOTE that the rendering with style class "yui-skin-sam" renders this component as a checkbutton

 page should look like:

<html  xmlns:ann="http://www.icesoft.com/icefaces/component/annotated"
       ..>
<h:body class="yui-skin-sam">
  <h:form >
     <ann:checkbox />
  <h:form>
<h:body>
<html>
   <h:panelGroup id="overPanel" styleClass="yui-skin-sam">
	    <ann:checkbox id="chkbox" label="button1" 
	       value="#{button.checked}"
	       singleSubmit="false"/>
   </h:panelGroup>

Additional attributes(same as pushbutton except for):

 Defining the submission behaviour:
 When singleSubmit attribute is true, the checkbox only submits an event request a submit call with execute=@this and render=@all, if false then only the hidden field is updated on the client and some other component must submit the form for the server model side to be updated.

3. Keyboard short-cuts supported by pushbutton:

  • space will toggle the checkbox/checkbutton

 Aria role="button", aria-describedby and aria-disabled properties supported as well as aria-checked.

Storyboard

Action focus hover checked disabled onkeypress aria
yui-class yui-button-focus yui-button-hover yui-button-checked yui-button-disabled space or enter will submit role, disabled, description, checked
Submit     submit button &update component none submit button/update component  
Single Submit     stay on client/update hidden field none update hidden field  
Screen Reader description description role,description, checkedvalue role & checked value  
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.