Partially rendered radio button components

I've been using the radio button component for the first time
- it works a treat! However, when they are initially rendered on
screen the labels are slightly cropped from the right and below
(this is with the label to the right of the button). The button
itself is also displaced upwards slightly. When the mouse runs over
the button it immediately renders correctly.
In every other respect the buttons function correctly. Any
ideas?
Bob

No, I don't know any tutorials. I do not try to create components... just objects that perform like them to the degree I need them to. I pretty much just design the radio itself as a movieclip that has the different states in different frames (unselected, selected, disabled) and create actionscript to manage moving around within it as well as parent level code to manage groups of them such that selecting one deselects others and stuff.

Similar Messages

Erratic radio button components

I think I posted this in the wrong forum earlier.
In Flash 8, I have 7 instances of a radio button component on
my stage. In the Radio Button Assets, I had previously replaced the
icons for the RadioTrueUp and RadioFalseUp states. (I deleted the
other states thinking I only need "up" and "down" for my Radio
project.) Now when I test the movie, I click on any radio button
and it rapidly turns itself on and off as long as the cursor hovers
over it, and returns to the up state thereafter, having failed to
affect any other radio buttons on the stage. Except that every so
often, one WILL work right just once. (staying down while popping
the current down button up, mean.) Then many button clicks later,
one of the others will work. I cant figure this out!
Since I only changed the icons, I don't understand why they
don't work just as they did in "stock" form.
Any ideas here?

You need to keep ALL of the icons that are there.
The rapid on and off that you are experiencing is the radio
button attempting to switch to the "over" state when you roll over
it. Since there is no over state icon, nothing appears, and the
component registers a roll out, bringing the "up" state back into
visibility. Then the whole thing loops again.
If you want the different icons to look the same, you need to
change them all to look the same.

I need to reset, clear or deselect a group of radio buttons

I haven't been able to find the answer to this: I have a quiz-like animation that uses a group of radio buttons, I need the group to reset, clear or deselect the previous selection after submitting the answer on each question, is that possible?
Here is the code:
stop();
var messageBox:TextField = new TextField();
messageBox.text = "";
addChild(messageBox);
messageBox.textColor = 0xFF0000;
messageBox.width = 200;
messageBox.height =100;
messageBox.x = 450;
messageBox.y = 340;
var userAnswer:int;
var rbg:Object = rbA.group;
var finalScore:int;
btnCheck.addEventListener(MouseEvent.CLICK, nextBtn);
function nextBtn(evt:MouseEvent):void {
userAnswer = int(rbg.selectedData);
if(userAnswer == 0) {messageBox.text = "PLEASE SELECT AN OPTION";
}else{
finalScore = finalScore + userAnswer;
messageBox.text = "";
nextFrame();
btnFinish.addEventListener(MouseEvent.CLICK, finishBtn);
function finishBtn (evt:MouseEvent):void {
userAnswer = int(rbg.selectedData);
if(userAnswer == 0) {messageBox.text = "PLEASE SELECT AN OPTION";
}else{
finalScore = finalScore + userAnswer;
if (finalScore > 13){ gotoAndStop(8);
}else if (finalScore > 9){ gotoAndStop(7);
}else if (finalScore > 4){ gotoAndStop(6);
}else {}
startOver.addEventListener(MouseEvent.CLICK, reStart);
function reStart(evt:MouseEvent):void {
gotoAndStop(1);
finalScore = 0;

I'm all ears on this one because I checked into this the first time I saw this posting back whenever and couldn't find the solution. And now I built something that tries to make it happen, and it doesn't. In the AS3 help docs it doesn't say gets or sets, whereas in the AS2 docs it goes on about doing such things with that property... so maybe they changed the compnent for AS3?
Here's what I concocted building off a help docs example. rb3 and rb4 are basically there just to reset rb1 and rb2:
import fl.controls.RadioButton;
import fl.controls.RadioButtonGroup;
var rbg1:RadioButtonGroup = new RadioButtonGroup("group1");
var rbg2:RadioButtonGroup = new RadioButtonGroup("group2");
var rb1:RadioButton = new RadioButton();
var rb2:RadioButton = new RadioButton();
var rb3:RadioButton = new RadioButton();
var rb4:RadioButton = new RadioButton();
rb1.group = rbg1;
rb2.group = rbg1;
rb3.group = rbg2;
rb4.group = rbg2;
rb1.move(10,10);
rb2.move(10,50);
rb3.move(150,10);
rb4.move(150,50);
addChild(rb1);
addChild(rb2);
addChild(rb3);
addChild(rb4);
function resetGroup1(evt:MouseEvent){
rbg1.selection.selected = false;
rb1.selected = false;
rb2.selected = false;
rb3.addEventListener(MouseEvent.CLICK, resetGroup1);
rb4.addEventListener(MouseEvent.CLICK, resetGroup1);
I rarely use radio buttons components. If I need them, I usually create my own using movieclips. If you go this route then you'll be able to decide what they can do, you just need to create the functions for controlling their behavior as a group..

Funky radio buttons... help?

Hey - I'm having some trouble with my radio button
components. The problem is that the text lables for the buttons are
displaying wrong (clipped at bottom and/or right side) until you
mouse over them. After that, they correct themselves and they are
fine... any idea why they're doing this or how I can fix it...?
To see the bit that's messing up, you can go to....
www.masseymoderndesign.com and click the "Team" tab, and then
the "contact" sub tab.
thanks!!

GrayMan helped me out on this one already
thanks

Multiline labels in the radio button component

How can I have multiline labels on my radio button
components? I can't seem to find good documentation anywhere on how
to do this. This is the best that I have found:
http://board.flashkit.com/board/archive/index.php/t-299514.html
but the process doesn't work for me with Flash CS3.
Thanks,
nixxxxx

Unfortunately seems like you cant do that with radio component. You may just create a textField and place it next to the radio component as a workaround, or, use AS3 which is much easier.

Grouping Radio Buttons in DataTable

I am looking for code snippet which renders radio button group in datatable. I have the following snippet which has the following problems
1) it displays -1 next to radio button as its the value assign to selectedRowId in backing bean
2) the radio button selection doesnt clear off . i.e. i can select multiple radio buttons at the same time
3) when i select first radion button it correctly displays the index as 0 but for subsequent radio buttons it doesnt show correct index value
Here is the snippet
<a4j:outputPanel >
<h:dataTable id="deviceDetailTable" styleClass="list" rowClasses="odd,even"
value="#{deviceDetailBean.tableRow}" var="vartableRow"
width="80%">
<h:column id="column1">
<h:selectOneRadio id="radio1" value="#{deviceDetailBean.id}">
<a4j:support event="onclick" reRender="selectors" />
<f:selectItem itemValue="#{deviceDetailBean.selectedRowId}" />
</h:selectOneRadio>
</h:column>
<h:column>
<f:facet name="header"><h:outputText value="MAC"/></f:facet>
<h:outputText id="mac" value="#{vartableRow.mac}" />
</h:column>
<h:column>
<f:facet name="header"><h:outputText value="Namespace"/></f:facet>
<h:outputText id="mac" value="#{vartableRow.namespace}" />
</h:column>
<h:column>
<f:facet name="header"><h:outputText value="IP Address"/></f:facet>
<h:outputText id="mac" value="#{vartableRow.ipAddress}" />
</h:column>
<h:column>
<f:facet name="header"><h:outputText value="Host Name"/></f:facet>
<h:outputText id="mac" value="#{vartableRow.hostName}" />
</h:column>
<h:column>
<f:facet name="header"><h:outputText value="Name Type"/></f:facet>
<h:outputText id="mac" value="#{vartableRow.nameType}" />
</h:column>
</h:dataTable>
</a4j:outputPanel>
Here is the snippet in Backing Bean
private Integer id;
private int selectedRowId = -1;
with setter/getter methods
Regards
Bansi

Hello There,
I too am stuck up with the same problem. My HTML document contains two radio buttons which belong to the same group. But when displayed on a Jeditorpane the radio buttons does'nt behave as a part of a group. Both the radio buttons get selected. If you have come across a solution..please help me..
Thanx
Mohamed Zafer

Radio Buttons - Vertical versus Horizonal

In WebDB 2.2, I was able to get my form radio buttons to go across the page rather than down by adjusting the input width
of the row that they were on, making the width fairly wide. In portal, I cannot get this to occur.
Looking at the HTML source generated, portal puts a <BR> at the end of each button option, and WebDB does not.
Any way to accomplish this? Thanks.

Hi
You can achieve this custom forms. But the lov should be a static one. I am giving a sample below
to explain better.
Example
Create a custom form based on scott.emp. Run the form and from the html source copy the radio button tags.
Edit the form and goto the custom section and replace <TD><#DEPTNO.ITEM#></TD> with copied tags and remove
the <br> tags. It would look like something below
<INPUT TYPE="radio" NAME="FORM_0508231444.DEFAULT.DEPTNO.01" VALUE=" ">
<INPUT TYPE="radio" NAME="FORM_0508231444.DEFAULT.DEPTNO.01"
VALUE="10">ACCOUNTING
<INPUT TYPE="radio" NAME="FORM_0508231444.DEFAULT.DEPTNO.01"
VALUE="20">RESEARCH
<INPUT TYPE="radio" NAME="FORM_0508231444.DEFAULT.DEPTNO.01"
VALUE="30">SALES
<INPUT TYPE="radio" NAME="FORM_0508231444.DEFAULT.DEPTNO.01"
VALUE="40">OPERATIONS
You might run into problems if you change the form, because you are changing the way forms usually works. This is not
a documented way of rendering radio buttons. Everytime you edit the form to add or remove columns you might have to
redo the above steps.
Thanks,
Sharmila

Custom renderer for radio buttons?

I want to change how radio buttons are rendered (so they aren't all rendered alone in their own table). What would be the best way to do this?
One way would be to create a custom component, tag handler, and renderer (and register them all in faces-config.xml).
But what about using the existing JSF components and just writing my own renderer. Could that work? Would just need to write a renderer and configure faces-config.xml to use the appropriate component-family (for the existing JSF radio button component) and renderer-type (for the existing component tag class for the radio button)�.like this:
<render-kit>
<renderer>
<component-family>javax.faces.SelectOne</component-family>
<renderer-type>javax.faces.Radio</renderer-type>
<renderer-class>my.custom.renderer</renderer-class>
</renderer>
</render-kit>
Could this work?
Thanks.

Could this work?Yes. Why do you doubt it?

Why do 200 radio buttons in a form cause 8 second rendering delay

We have an online questionnaire containing 36 questions, each with 6 radio buttons (216 in total) in a single form. Although the page appears to render quickly, there is then a delay in Firefox of up to 8 seconds before it will register a radio button click. This problem does not occur in Chrome or Safari, and there is slight (sub-second) delay in IE. The delay is reduced pro-rata by reducing the number of radio buttons. The delay can also be reduced to about 4 or 5 seconds by removing all elements from the page apart from the radio buttons and form.

Thanks again for your reply.
The delay doesn't occur in safe mode. After disabling all add-ons and extensions individually, it appears the culprit is Norton Toolbar. I haven't tested this on the other computers where the problem occurred, but they may well have had Norton Toolbar installed as well.
Norton Toolbar is installed on IE but the problem there is sub-second, not 8 seconds. Is this a Firefox-Norton compatibility issue? Is there anything we can do about it, in our page design, without radically altering its usability?

Can in af:query we have vo attribute rendered as radio button?

Hi ,
we have a requirement wherein we have a search region which has 2 radio buttons to choose date range and week range respectively.is there any way to achieve this in <af:query>????
Any pointers how to achieve this??
Thanks
Anand

Hi
Radio groups are not supported inside query currently, you may have a look at this [ similar post|https://forums.oracle.com/forums/thread.jspa?threadID=2129840] and frank's reply for more details/explanation.
When I searched for enhancement request, I found one but that had been rejected asking for business requirements.
If you feel, this is must in your project and have proper usecase and business requirements you may raise an enhancement request with support.
Thanks,
Sireesha

OAMessageRadioButtonBean: Selected value is changed after partial rendering

Hi,
I am having a 2 radio buttons in group and depending on the radio button selected, fields are displayed. I am handing this using the partial page rendering. After partial rendering, the correct required fields are displayed but the last radio button in group is always shown selected. This happens even if I have selected the first radio button.
Can you pls help me on this.
Thanks,
Amit

Hi Srini,
Thanks for your help!! It is working now. Earlier I was setting the value of the required RadioButton in processRequest as setSelected(true). It started working fine when I also set the value for non selected Radio button as setSelected(false).
Both the Radio Buttons were required to be set.
Thanks!!

PAGE RADIO BUTTONS and APPLICATION ITEM VALUE

I have several pages that use same radio button group that permits filtering the report query (of course on each page, it is a page level radio button item).
I created an application item value to hold the last used value of a radio button item.
On login, I would like the application item value set to a default value.
For a given page using the recurring radio button group item,
I would like the radio button item value set to the application item value on entry into a page.
I would like the report to use the application item value on entry to a page.
I would like the application item value be updated anytime the page level radio button item value is changed, so that when you move to another page,
the next radio button group and report can use the last selected radio group button value.
I am trying to use a variety of solutions in COMPUTATION and CONDITIONAL COMPUTATION... to include use of set_session_state procedure, and I am not getting desired result, partial success, but not complete.
Can you have a computation item that is only for initialization of the report and radio button group on page entry?
And a separate computation item that senses user selection of another radio button, updating the report, and updating the application level item?
Help requested. Thank you.
Would be nice to have application level objects, like radio button groups.

Created Page 0
Created an HTML region in COLUMN 2 and SEQUENCE 10.
Selected under region CONDITION:
Current Page is contained within Expression 1 as comma delimited list of pages
in the EXPRESSION 1 provided the requested comma delimited list of pages that I wished the HTML region to appear.
Created the radio button group item P0_RADIO and assigned to Page0 HTML region.
Selected under item CONDITION:
Current Page is contained within Expression 1 as comma delimited list of pages
in the EXPRESSION 1 provided the requested comma delimited list of pages that I wished theradio button group to appear.
In SHARED COMPONENTS I created an APPLICATION COMPUTATION
In the computation I created a PL/SQL function to initialize the radio group
BEGIN
IF :P0_RADIO IS NULL THEN
RETURN 'A_ALL';
ELSE
RETURN :P0_RADIO;
END IF;
END;
'A_ALL' being the default value for :P0_RADIO
Radio group appears on the desired pages, is initialized to the desired default value, and works properly on each page.

Pop up screen with radio buttons

Hi,
I'm a new to APEX and I've a requirement of creating popup page with two radio buttons.
This pop needs to pop before the starting/Home page.User must select atleast one of those radio buttons and then it goes back to starting/home page unconditionally.
Thanks,
Mahender.

Hi Mahender,
OK - the user has finished with the login page and hasn't yet loaded page 1. Therefore, there is no page on screen, which is not possible :D
What you can do is something like the following:
1 - In your application, through Shared Components, create an Application Item called, say, G_OK_TO_CONTINUE
2 - On your page 1, create a new branch. The Branch Point setting for this should be "On Load: Before Header" (this is the point before any page rendering starts). The page to point to would be your "popup1" (except that this should probably be a normal page rather than a popup). The Conditions section for this branch would have the following settings:
Condition Type: Value of Item in Expression 1 != Expression 2
Expression 1: G_OK_TO_CONTINUE
Expression 2: 1
3 - On your "popup1" page, you should then have a branch that takes the user back to page 1. This branch must set G_OK_TO_CONTINUE to 1 (use the "Set these items"/"With these values" settings on the branch to do this) otherwise you create a loop.
So, when the user first logs in, Apex attempts to load page 1. The new branch is checked immediately and, as G_OK_TO_CONTIINUE is NULL at this point (and, therefore, does not equal 1), the branch will be triggered and the user is redirected to your "popup1" page. They do what they need to do on that page and, if you want them to actually go to page 1, the branch back to page 1 sets G_OK_TO_CONTINUE to 1, the new branch on page 1 checks this and because the condition is now false, the branch is not triggered and the user is passed through to page 1
Andy

Get the row of a department in a popup using a radio button

I have a use case. A page will be displayed with a button. User will click on that button, and then a popup will be displayed showing the table of departments. User will select the desired radio button. After that, the popup will close and the list of employees should get displayed in the page.
I have written a method in the valuechangeevent property of the radio button (autosubmit is also set as true), but still I am not able to get the current row. I actually need the value of departmentid.
Can anyone guide me?
    public void onClickRadio(ValueChangeEvent valueChangeEvent) {
        // Add event code here...
        System.out.println("onClickRadio Begins");
        hidePopup("p1");
        DCBindingContainer bc =
            (DCBindingContainer)BindingContext.getCurrent().getCurrentBindingsEntry();
        DCIteratorBinding iter =
            bc.findIteratorBinding("DepartmentsView1Iterator");
        Row row = iter.getCurrentRow();
        Number departmentId = (Number)row.getAttribute("DepartmentId");
        System.out.println("departmentId: " + departmentId);
        OperationBinding method =
            (OperationBinding)bc.get("displayEmployeeTable");
        method.getParamsMap().put("departmentId", departmentId);
        method.execute();
        AdfFacesContext.getCurrentInstance().addPartialTarget(empTable);
        System.out.println("onClickRadio Ends");
    }JDev 11.1.1.6

This is the code of the popup.
        <af:popup id="p1" contentDelivery="lazyUncached">
          <af:dialog id="d2" type="none">
            <af:table value="#{bindings.DepartmentsView1.collectionModel}"
                      var="row" rows="#{bindings.DepartmentsView1.rangeSize}"
                      emptyText="#{bindings.DepartmentsView1.viewable ? 'No data to display.' : 'Access Denied.'}"
                      fetchSize="#{bindings.DepartmentsView1.rangeSize}"
                      rowBandingInterval="0"
                      selectedRowKeys="#{bindings.DepartmentsView1.collectionModel.selectedRow}"
                      selectionListener="#{bindings.DepartmentsView1.collectionModel.makeCurrent}"
                      rowSelection="single" id="t1">
              <af:column sortProperty="Radio" sortable="false" id="c1"
                         width="20">
                <af:selectBooleanRadio value="#{row.Radio}" id="ot3"
                                       valueChangeListener="#{myBean.onClickRadio}"/>
              </af:column>
              <af:column sortProperty="DepartmentId" sortable="false"
                         headerText="#{bindings.DepartmentsView1.hints.DepartmentId.label}"
                         id="c2">
                <af:outputText value="#{row.DepartmentId}" id="ot2">
                  <af:convertNumber groupingUsed="false"
                                    pattern="#{bindings.DepartmentsView1.hints.DepartmentId.format}"/>
                </af:outputText>
              </af:column>
              <af:column sortProperty="DepartmentName" sortable="false"
                         headerText="#{bindings.DepartmentsView1.hints.DepartmentName.label}"
                         id="c3">
                <af:outputText value="#{row.DepartmentName}" id="ot1"/>
              </af:column>
            </af:table>
          </af:dialog>
        </af:popup>I think that when I select the radio button, the value might be getting true of the column, but this isn't setting the current row.
Also in the log I am getting these messages:
<SimpleSelectBooleanRadioRenderer> <renderGroupAttribute> The selectBooleanRadio component's group attribute is null. It must be set to a non-null value for the selectBooleanRadio component to function properly. The selectBooleanRadio component is meant to be used with other selectBooleanRadio components with the same group value.

How to realize Checkbox and Radio Buttons based on Attributes in JHeadstart

Hy@ all,
I try to redevelop the Summit Forms Demo in ADF.
The module "ORDER" contains, among other things, a checkbox and radio buttons based on database columns(VARCHAR2).
The column(checkbox) named PAYMENT_TYPE contains the values CASH and CREDIT and the column(radio button) called ORDER_FILLED contains the values Y and N.
After creating the business components, I set in JHeadstarts Application Definition the Display Type of these two attributes to checkBox and radio-horizontal.
I created a dymanic domain for the radio-horizontal and a static domain for the checkBox.
The radio-horizontal within the dymanic domain works nearly correct.
I set the Data Collection in this dynamic domain to the required Group and the Value and Meaning Attribute to the necessary Attribute.
Within the JSF- Page the values are shown right but unfortunately there are too many radio buttons available. Instead of displaying the two radio buttons CASH and CREDIT were many CASH and CREDIT radio buttons shown.
I can´t find any solution for this case.
The problem with the checkBox is that therfore a static domain is required but I want to show the value of the checkBox based on the described attribute, like the handling of the radio horizontal.
But I don´t know how to implement this, if it is possible.
I´m using JHeadstart v10.1.3.2 and I´m pleased about any reply or solution.
Best regards
Chris

Chris,
If you run the application module tester, and query the view object usage underlying your dynamic domain, how many rows does it return? It should return only two rows, one for CASH and one for CREDIT. If more than two rows are returned, your query is wrong.
What is the problem with using a static domain for the checkbox?
Steven Davelaar,
JHeadstart Team.

Partially rendered radio button components

Similar Messages

Maybe you are looking for