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
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.
Show
Ken Fyten
added a comment - 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.
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.