Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
Major
-
Resolution: Won't Fix
-
Affects Version/s: 4.0
-
Fix Version/s: 4.1
-
Component/s: ACE-Components
-
Labels:None
-
Environment:Any
-
Assignee Priority:P2
Description
Example code:
<h:outputLabel for="checkIn" value="Test:"/>
<ace:checkboxButton id="checkIn"/>
When a user left-clicks the text label the associated checkboxButton should be clicked as well (to select or unselect it). This functionality is the same as the behaviour of the h:selectBooleanCheckbox, and generally makes pages easier to use (especially on mobile where manually clicking a small checkbox can be tough).
<h:outputLabel for="checkIn" value="Test:"/>
<ace:checkboxButton id="checkIn"/>
When a user left-clicks the text label the associated checkboxButton should be clicked as well (to select or unselect it). This functionality is the same as the behaviour of the h:selectBooleanCheckbox, and generally makes pages easier to use (especially on mobile where manually clicking a small checkbox can be tough).
Issue Links
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
It might be necessary to create a custom ace:outputLabel component to work with ACE components. The problem is that h:outputLabel simply resolves the main client id of the component, which is actually used in the container div element, while the actual input element (checkbox) has the id 'clientId_hidden'. It could be possible to just use the plain clientId on this hidden element, but I believe there's another requirement in our framework to use the plain client id on the root container. Another option would be to add the integrated label attributes that ace:textEntry and other components have and automatically render label elements for the actual input element of the component.
Show
Arturo Zambrano
added a comment - It might be necessary to create a custom ace:outputLabel component to work with ACE components. The problem is that h:outputLabel simply resolves the main client id of the component, which is actually used in the container div element, while the actual input element (checkbox) has the id 'clientId_hidden'. It could be possible to just use the plain clientId on this hidden element, but I believe there's another requirement in our framework to use the plain client id on the root container. Another option would be to add the integrated label attributes that ace:textEntry and other components have and automatically render label elements for the actual input element of the component.
Closing this JIRA as Won't Fix since we will not be adding support for using the h:outputLabel component with the ACE input components. Instead, applications should use the built-in label rendering and positioning capabilities of the ACE input components.
Note that I've linked a couple of related JIRAs to this one that, once implemented, will provide the ability to focus on the checkbox when clicking it's label text.