Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
Major
-
Resolution: Fixed
-
Affects Version/s: EE-2.0.0.GA, 2.0.2
-
Component/s: ACE-Components
-
Labels:None
-
Environment:All
-
Assignee Priority:P1
-
Affects:Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial
Description
Feature Request: Enhance the ace:pushButton to support embedding both a text label and an image/icon in the clickable button area.
- This can be achieve by rendering the button as an HTML4 <button> tag.
- The component must support controlling the relative positioning of the image and text within the button, and the spacing between the image and the text. Omitting either image or text should also be possible. The positioning and spacing is given in CSS, and the component must support the style and styleClass attributes.
- The button must support an actionListener etc.
- The component must support CSS for styling, and be WAI-ARIA enabled. It must also support the tabindex attribute.
- In addition / alternatively, the pushButton should accept a buttonFacet which could be used to specify arbitrary JSF markup as the button content.
- This can be achieve by rendering the button as an HTML4 <button> tag.
- The component must support controlling the relative positioning of the image and text within the button, and the spacing between the image and the text. Omitting either image or text should also be possible. The positioning and spacing is given in CSS, and the component must support the style and styleClass attributes.
- The button must support an actionListener etc.
- The component must support CSS for styling, and be WAI-ARIA enabled. It must also support the tabindex attribute.
- In addition / alternatively, the pushButton should accept a buttonFacet which could be used to specify arbitrary JSF markup as the button content.
Activity
| Field | Original Value | New Value |
|---|---|---|
| Salesforce Case | [5007000000GxIgE] |
| Assignee Priority | P2 | |
| Security | Private [ 10001 ] | |
| Assignee | Arturo Zambrano [ artzambrano ] |
| Assignee Priority | P2 | |
| Assignee | Arturo Zambrano [ artzambrano ] |
| Summary | Create new component that will render an html button tag | Enhance ace:pushButton to support embedded icon and labels, incl. label positioning |
| Issue Type | New Feature [ 2 ] | Improvement [ 4 ] |
| Component/s | Components [ 10012 ] | |
| Fix Version/s | 2.1 [ 10241 ] | |
| Affects | [Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial] | |
| Assignee Priority | P3 | |
| Description | Feature Request: Add a component that will render an html button tag. Currently the ICEfaces button components render as an html input tag. This would allow developers to nest other components in the tag to provide different layouts. |
Feature Request: Enhance the ace:pushButton to support embedding both a text label and an image/icon in the clickable button area. - This can be achieve by rendering the button as an HTML4 <button> tag. - The component must support controlling the relative positioning of the image and text within the button, and the spacing between the image and the text. Omitting either image or text should also be possible. The positioning and spacing is given in CSS, and the component must support the style and styleClass attributes. - The button must support an actionListener etc. - The component must support CSS for styling, and be WAI-ARIA enabled. It must also support the tabindex attribute. - In addition / alternatively, the pushButton should accept a buttonFacet which could be used to specify arbitrary JSF markup as the button content. |
| Security | Private [ 10001 ] | |
| Assignee | yip.ng [ yip.ng ] |
| Attachment | vertButton.png [ 13574 ] | |
| Attachment | horizButton.png [ 13575 ] |
| Assignee Priority | P3 | P1 |
| Assignee | yip.ng [ yip.ng ] | Arturo Zambrano [ artzambrano ] |
Fixed at revision 25938.
The ace:pushButton component now supports having children and rendering them inside the button. There's no need to use a facet. Developers have full control over the css of elements and components they put inside the button. If the label or value attributes are used, they will appear first, before the children.
Show
Arturo Zambrano
added a comment - Fixed at revision 25938.
The ace:pushButton component now supports having children and rendering them inside the button. There's no need to use a facet. Developers have full control over the css of elements and components they put inside the button. If the label or value attributes are used, they will appear first, before the children.
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
Please attach a sample page showing combinations of label around an image on each of the top, bottom, left, right sides.
| Resolution | Fixed [ 1 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
attached page with examples
Show
Arturo Zambrano
added a comment - attached page with examples
| Attachment | pushButtonExamples.xhtml [ 13682 ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
| Fix Version/s | 2.1-Beta2 [ 10294 ] |
| Status | Resolved [ 5 ] | Closed [ 6 ] |
Attached example images.