[ICE-9477] New ace:radioButton component - ICEsoft JIRA Issue Tracker

Details

Type: New Feature
Status: Closed
Priority: Major
Resolution: Fixed
Affects Version/s: None
Fix Version/s: 4.0.BETA, EE-3.3.0.GA_P02, 4.0
Component/s: ACE-Components
Labels:
None
Environment:
ICEfaces 3.x, ACE comps

Assignee Priority:
P2
Affects:

Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial

Description

Add a new ace:radioButton component. This component will essentially be a clone of the ace:checkboxButton, but with radio-button images by default.

Also, when used in conjunction with an ace:buttonGroup, the ace:radioButton components will be selected in a mutually exclusive manner.

Options
- Sort By Name
- Sort By Date
- Ascending
- Descending
- Download All

Attachments

button.PNG

12 kB

13/May/14 11:01 AM

Activity

Ascending order - Click to sort in descending order

Hide

Permalink

yip.ng added a comment - 07/Aug/13 5:56 PM

Radio button component created based on checkbox button component. Icons used are the ui-icon-radio-on and ui-icon-radio-off icons from theme style sheets.

The on and off icons seem to be switched in latest jQuery UI version compared to our theme style sheets. Added override CSS to adhere to new version.
Theme icon color determined by ui-state classes, but the ui-state classes also dictate the background color, so you get a colored squared look. If we don't use ui-state classes, then the the radio buttons will just be a black/gray color.

See it in action.

A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-active.png#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-disabled.gif#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-focus.png#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-highlight.png#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background.png#37331
M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\radiobutton.css#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButton.java#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\radiobutton.js#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButtonMeta.java#37331
A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButtonRenderer.java#37331

Show

yip.ng added a comment - 07/Aug/13 5:56 PM Radio button component created based on checkbox button component. Icons used are the ui-icon-radio-on and ui-icon-radio-off icons from theme style sheets. The on and off icons seem to be switched in latest jQuery UI version compared to our theme style sheets. Added override CSS to adhere to new version. Theme icon color determined by ui-state classes, but the ui-state classes also dictate the background color, so you get a colored squared look. If we don't use ui-state classes, then the the radio buttons will just be a black/gray color. See it in action . A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-active.png#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-disabled.gif#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-focus.png#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background-highlight.png#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\background.png#37331 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\radiobutton.css#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButton.java#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\radiobutton\radiobutton.js#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButtonMeta.java#37331 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\radiobutton\RadioButtonRenderer.java#37331

11 older comments

Hide

Permalink

Carmen Cristurean added a comment - 24/Sep/13 1:10 PM

Verified fix for last issue with rev# 38267 in Chrome/FF23/IE10 using showcase sample and radioButton test app.

Show

Carmen Cristurean added a comment - 24/Sep/13 1:10 PM Verified fix for last issue with rev# 38267 in Chrome/FF23/IE10 using showcase sample and radioButton test app.

Hide

Permalink

Judy Guglielmin added a comment - 25/Feb/14 10:16 AM

rev 40068 to 3.3.0 mtce branch and 37373 for QA tests.

Show

Judy Guglielmin added a comment - 25/Feb/14 10:16 AM rev 40068 to 3.3.0 mtce branch and 37373 for QA tests.

Hide

Permalink

Liana Munroe added a comment - 13/May/14 11:01 AM - edited

Showcase Radio Button > Custom Style demo:
ee-3.3.0 maintenance branch r41149, all browsers
On launch both buttons are incorrectly labelled "Not selected". The selected output is not updated when toggling buttons. Not an issue with Icefaces 4. See screen shot button.PNG

Show

Liana Munroe added a comment - 13/May/14 11:01 AM - edited Showcase Radio Button > Custom Style demo: ee-3.3.0 maintenance branch r41149, all browsers On launch both buttons are incorrectly labelled "Not selected". The selected output is not updated when toggling buttons. Not an issue with Icefaces 4. See screen shot button.PNG

Hide

Permalink

Judy Guglielmin added a comment - 13/May/14 12:32 PM

rev. 41151

Show

Judy Guglielmin added a comment - 13/May/14 12:32 PM rev. 41151

Hide

Permalink

Liana Munroe added a comment - 15/May/14 10:01 AM

Confirmed fixed Icefaces ee-3.3.0 maintenance branch r41162. Tomcat 7, All browsers.

Show

Liana Munroe added a comment - 15/May/14 10:01 AM Confirmed fixed Icefaces ee-3.3.0 maintenance branch r41162. Tomcat 7, All browsers.

People

Assignee:

Judy Guglielmin

Reporter:

Ken Fyten

Votes:

0 Vote for this issue

Watchers:

6 Start watching this issue

Dates

Created:

26/Jul/13 3:32 PM

Updated:

14/Nov/14 5:18 PM

Resolved:

13/May/14 12:32 PM