RadioButton Component Hell!

Ok, so anyone who has worked with Flash's built-in radio
button knows that
it's not very friendly when trying to make multi-line labels.
Once you know
where to look and what properties to change it's not much of
a
problem...BUT... I can't get the darn button itself to stay
aligned with the
top line of the label.
Do this to replicate:
1. New Flash File (v8, AS2)
2. Drag a RadioButton component into your library
3. Paste the code below in the Actions panel
****copy and pase code below****
import mx.controls.RadioButton;
var rad:RadioButton = this.createClassObject( RadioButton,
"rad", 2 );
rad.setSize( 450, 125 );
rad.label = "SAenean adipiscing sagittis ligula. Integer
nunc. Nulla
facilisi. Nam in risus. Donec hendrerit luctus enim. Ut quam.
Fusce
tincidunt. Suspendisse potenti. Aenean enim. In hac habitasse
platea
dictumst. Maecenas vel risus. Praesent fringilla semper
lacus. Nullam cursus
mauris suscipit ipsum. Praesent vel odio vitae metus gravida
tempus.";
rad.labelPath._width = 425;
rad.labelPath.multiline = true;
rad.labelPath.wordWrap = true;
rad.labelPath.autoSize = "left";
****end of code****
...See what I mean?
I've looked at the other properties, which you can only see
when running the
debugger, but can't find the property I'm looking for to set.
Can ANYONE help with this?
Thanks,
Chris

quote:
Originally posted by:
Maü
I'm having an issue with the radioButton component from flash
mx, this is, when the timeline arrives to the frame where the
radioButtons are, at first, they appear like a blank box, and after
they became radioButtons, any idea with this?
Thanks in advance
Nobody?

Similar Messages

CS4 Radiobutton Component Problem

I have converted a Flash3 to a Flash4 presentation. My radiobutton component radiobutton graphic no longer appears but yhr buttonm is still active as well as the RB label. WhenI run this with firefox, this error message appears:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at fl.controls::RadioButton/drawLayout()
    at fl.controls::LabelButton/draw()
    at fl.controls::RadioButton/draw()
    at fl.core::UIComponent/callLaterDispatcher()
Does anyone have a hint as to what I can do to eliminate this proble?

I have this exact problem, though this FLA has never not been a CS4 FLA.
To ensure it wasn't the recent 10.0.2 patch, I removed the components from the library as suggested and re-dragged them from the Components panel. The error still persists.
I should note that if I have the components out on the main stage, they work fine and produce no errors. They are inside of a clip which is instantiated at run-time and added to the stage (a popup window). I am having a different, but probably related, error with the ComboBox. It gives the following two errors:
TypeError: Error #2007: Parameter child must be non-null.
    at flash.display::DisplayObjectContainer/addChildAt()
    at fl.controls::BaseButton/drawBackground()
    at fl.controls::BaseButton/draw()
    at fl.core::UIComponent/drawNow()
    at fl.controls::ComboBox/drawLayout()
    at fl.controls::ComboBox/draw()
    at fl.core::UIComponent/callLaterDispatcher()
TypeError: Error #2007: Parameter child must be non-null.
    at flash.display::DisplayObjectContainer/addChildAt()
    at fl.controls::BaseButton/drawBackground()
    at fl.controls::BaseButton/draw()
    at fl.core::UIComponent/callLaterDispatcher()

HELP Flash 8P RadioButton component

Hi,
I am trying to change the text and background color on the
RadioButton component but have not succeeded. Tried steStyle etc.
Can someone PLEASE help me and show the script how this is
done?
Cheers

bump
PLEASE :-)

Trouble with component skinning...

imported comboBox assets from haloTheme and edited the
ComboThemeColor1 MC from the acid green to an orange to match my
site. Then I checked the linkage and made sure it was set to Export
in First Frame. But when i view my movie - its still acid green...
any suggestions on what I'm overlooking? below is directions I was
following. The only think different i did was bring in elements
from HaloTheme instead of SampleTheme (I like the look of halo
better).
# Select File > Import > Open External Library, and
select the SampleTheme.fla file.
This file is located in the application-level configuration
folder. For the exact location on your operating system, see About
themes.
# In the theme's Library panel, select Flash UI Components
2/Themes/MMDefault and drag the Assets folder of any components in
your document to the library for your document.
For example, drag the RadioButton Assets folder to the
ThemeApply.fla library.
# If you dragged individual component Assets folders to the
library, make sure the Assets symbol for each component is set to
Export in First Frame.
For example, the Assets folder for the RadioButton component
is called RadioButton Assets; it has a symbol called
RadioButtonAssets, which contains all of the individual asset
symbols. If you set Export in First Frame on the RadioButtonAssets
symbol, all individual asset symbols will also export in the first
frame.
# Double-click any skin symbol you want to modify to open it
in symbol-editing mode.
For example, open the States/RadioFalseDisabled symbol.
# Modify the symbol or delete the graphics and create new
graphics.
You may need to select View > Zoom In to increase the
magnification. When you edit a skin, you must maintain the
registration point in order for the skin to be displayed correctly.
The upper-left corner of all edited symbols must be at (0,0).
For example, change the inner circle to a light gray.
# When you finish editing the skin symbol, click the Back
button at the left side of the edit bar at the top of the Stage to
return to document-editing mode.

figured out how to change the colors using styles... without
help. So never mind I guess.

UIX: horizontal layout for messageRadioGroup

Hello,
We use UIX 2.1.7.
In our application we have a few UIX xml pages that create a (dynamic) list of screen items based on database
content. These screen items can be text items, date items, choise fields, checkboxes or radio groups, depending on what got queried from the database. In the UIX xml, we have implemented this by a table iterating over a DataObjectList with fields, and a switcher bean to render the corresponding UI widget for each field in the list.
This all works very well, there is only one layout shortcoming we can't seem to fix. When rendering a field as a radio group, we use the messageRadioGroup tag, and use the childdata attribute to create the individial radio buttons. Unfortunately, these buttons are stacked vertically, while we would really like to have them horizontally because of the huge amount of screen space this would save (we sometimes have dozens of radio groups, all with 4 radio buttons. There does not seem to be a way to do that using the messageRadioGroup.
I am aware of the possibility using the radioButton tag, but due to some issues with our (already very complex, conditional and nested) databinding and the code responsible for handling the screen when the user presses 'save', we REALLY prefer having just a single UI widget in the UIX page for a radio group, just as for all the other widget types as described above.
Is there anything we overlooked in the messageRadioGroup tag, and if not will it be possible to include this functionality in a future release?
Thanks!

Peter -
We would much prefer to avoid introducing new layout behaviors into the radioGroup - and encourage clients that require different types of layouts to use the radioButton component. In your case, it sounds like you might benefit from putting your "horizontal" radioGroup layout into a UIX template, so that it can be easily accessed from your uiXML pages. For example, here is a sample template which implements a horizontal layout for radio buttons:
<?xml version="1.0" encoding="UTF-8"?>
<templateDefinition xmlns="http://xmlns.oracle.com/uix/ui"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
targetNamespace="http://www.example.org/demo/templates"
localName="horizontalMessageRadioGroup">

<type base="ui:inlineMessage">
<attribute name="childData" javaType="oracle.cabo.ui.data.DataObjectList"/>
</type>

<content>
<inlineMessage data:prompt="prompt@ui:rootAttr">
<contents>
<flowLayout>
<contents data:childData="childData@ui:rootAttr">
<radioButton data:name="name@ui:rootAttr"
data:text="txt"
data:selected="selected"
data:value="val"/>
</contents>
</flowLayout>
</contents>
</inlineMessage>
</content>
</templateDefinition>
And here is a sample UIX page which uses both a standard messageRadioGroup as well as a horizontalMessageRadioGroup to render the same set of inline data:
<?xml version="1.0" encoding="UTF-8"?>
<page xmlns="http://xmlns.oracle.com/uix/controller"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
xmlns:demoTmps="http://www.example.org/demo/templates">
<templates xmlns="http://xmlns.oracle.com/uix/ui">
<templateImport source="horizontalMessageRadioGroup.uit"/>
</templates>
<content>
<dataScope xmlns="http://xmlns.oracle.com/uix/ui">
<provider>
<data name="RGData">
<inline>
<btn txt="Longer name" val="Val0"/>
<btn txt="Name2" val="Val1" selected="true"/>
<btn txt="Name3" val="Val2"/>
</inline>
</data>
</provider>
<contents>
<labeledFieldLayout>
<contents>

<messageRadioGroup name="group1"
data:text="txt"
data:value="val"
selectedValue="Val2"
type="radio"
prompt="Verical Group"
data:childData="btn@RGData"/>

<demoTmps:horizontalMessageRadioGroup name="group2"
prompt="Horizontal Group"
data:childData="btn@RGData"/>
</contents>
</labeledFieldLayout>
</contents>
</dataScope>
</content>
</page>
Please give this solution a try and let us know the results.
Andy

Problem with TextInput and RadioButton

Hi,
I've encountered a problem with TextInput and RadioButtons.
I've created some text fields and radio buttons for a
feedback form under a movie _root.feedback.
But for some reason, I can't seem to enter text into the text
field (no blinking cursor), and I can't see the "label" next to my
radio buttons.
Just as a workaround, I tried moving these fields to _root,
and now I can enter text and see the radio button labels.
But to keep my hierarchy clean, I want to use a the
_root.feedback movie for my feedback fields. Any ideas what could
be going wrong? I checked Window -> Component Inspector, and
these textInput fields are enabled.
Stuck.
Thanks.

Is the text the same color as the background or do you need
embedded fonts?

When do I need to declare multiple usages of the same component

I have a noddy WD4A component with a main view containing only ViewContainerUI elements. Each container has a sub-view embedded implementing some functionality I am playing with. One of these views implements a select option by using the WDR_SELECT_OPTIONS component. I have got this working. Then I decide to make a copy of the view in order to test some modifications. I embed this in a new ViewContainerUI element on the main view.
So now I have 2 sub views implementing the same select option. When I run it, the 2nd select option appears in the first view as a duplicate. The only way I can fix this is by declaring a second usage (of WDR_SELECT_OPTIONS) in the component and using this in the copied view.
So now I have 2 WDR_SELECT_OPTIONS component usages declared (with different names) so that my 2 views can coexist on the screen. Is this really necessary? Had it been the same view implementing both select options fair enough - but these are 2 different views.
If the views were not displayed at the same time, could I have declared and used just 1 component usage?
Peter

I have still not succeeded in dynamically creating a 2nd select Option and getting it to display in a View Container (called VC_SOD). The code compiles and runs but the select option does not display. This is hopefully something I will never need to do in reality. Just an exercise.
The code that is commented out is the original standard technique of using a select_option usage. There is probably more then 1 fundamental mistake in the code
method WDDOMODIFYVIEW .
DATA: LT_RANGE_TABLE TYPE REF TO DATA,
        RT_RANGE_TABLE TYPE REF TO DATA,
        READ_ONLY TYPE ABAP_BOOL,
        TYPENAME TYPE STRING.
DATA: LR_COMPONENTCONTROLLER TYPE REF TO IG_COMPONENTCONTROLLER,
        L_REF_CMP_USAGE TYPE REF TO IF_WD_COMPONENT_USAGE.
create the used component
L_REF_CMP_USAGE = WD_THIS->WD_CPUSE_SELECT_OPTIONS( ).
Here we copy the usage just for the hell of it.
DATA lr_component_usage type ref to if_wd_component_usage.
L_REF_CMP_USAGE = L_REF_CMP_USAGE->CREATE_COMP_USAGE_OF_SAME_TYPE( name = 'SELECT_OPTIONS2' ).
IF L_REF_CMP_USAGE->HAS_ACTIVE_COMPONENT( ) IS INITIAL.
    L_REF_CMP_USAGE->CREATE_COMPONENT( ).
ENDIF.
*call the interface controller method init_selection_screen to get the helper class
WD_THIS->M_WD_SOD = WD_THIS->WD_CPIFC_SELECT_OPTIONS( ).
data L_INTF_CONTROLLER type ref to IWCI_WDR_SELECT_OPTIONS.
L_INTF_CONTROLLER ?= L_REF_CMP_USAGE->GET_INTERFACE_CONTROLLER( ).
data lo_view_controller type ref to if_wd_view_controller.
data lo_view_usage TYPE REF TO if_wd_rr_view_usage.
data lo_view_cnt_assignment TYPE REF TO if_wd_rr_view_cnt_assignment.
data lo_view type ref to if_wd_view.
lo_view_controller = wd_this->wd_get_api( ).
lo_view_usage = view->get_view_usage( ).
try and see what is going on
data lo_view_container_assignments type WDRR_VCA_OBJECTS.
lo_view_container_assignments = lo_view_usage->GET_VIEW_CNT_ASSIGNMENTS( ).
lo_view_cnt_assignment = lo_view_usage->create_view_cnt_assignment( name = 'VC_SOD' assigned_container = 'VC_SOD' ).
try and see what is going on
lo_view_container_assignments = lo_view_usage->GET_VIEW_CNT_ASSIGNMENTS( ).
init the select screen
WD_THIS->M_HANDLER = WD_THIS->M_WD_SOD->INIT_SELECTION_SCREEN( ).
WD_THIS->M_HANDLER = L_INTF_CONTROLLER->INIT_SELECTION_SCREEN( ).
WD_THIS->M_HANDLER->SET_GLOBAL_OPTIONS(
                              I_DISPLAY_BTN_CANCEL = ABAP_FALSE
                              I_DISPLAY_BTN_CHECK   = ABAP_FALSE
                              I_DISPLAY_BTN_RESET   = ABAP_FALSE
                              I_DISPLAY_BTN_EXECUTE = ABAP_FALSE ).
create a range table that consists of this new data element
LT_RANGE_TABLE = WD_THIS->M_HANDLER->CREATE_RANGE_TABLE( I_TYPENAME = 'S_CARR_ID' ).
add a new field to the selection
WD_THIS->M_HANDLER->ADD_SELECTION_FIELD( I_ID = 'S_CARR_ID' IT_RESULT = LT_RANGE_TABLE I_READ_ONLY = READ_ONLY ).
endmethod.

Simultaneous httpservice in the same component

Dear Flexer,
I created an Air application.
On loading my component, I'd to make simultaneous request to my database to load some data to my component.
My component is a form with several comobobox and and text field.
But to do that I have two major problem.
- Sometimes, my form (my component) is loaded but there no information in my text field, perhaps request is not finished? but how to verify that and how to solve.
- Other question, as requests with http service is for different table, one to load sudent, other to load note, other to load teaching , is it possible to do this request in the same php file and to get all thos informations with the same E4X file.
Thanks for help
[Code]
<?xml version="1.0" encoding="utf-8"?>
<windowSkin:NativeTitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:windowSkin="fr.intersystemes.ui.windowSkin.*"
xmlns:skins="fr.intersystemes.ui.skins.*"
xmlns:tabBarClasses="flexlib.controls.tabBarClasses.*"
minWidth="800" minHeight="800" borderVisible="false"
creationComplete="onLoad(event)"
currentState="tb1"
dropShadowVisible="false"
skinClass="fr.intersystemes.ui.windowSkin.NativeTitleWinSkin">
<windowSkin:states>
<s:State name="tb1"/>
<s:State name="tb2"/>
<s:State name="tb3"/>
<s:State name="tb4"/>
<s:State name="tb5"/>
<s:State name="tb6"/>
</windowSkin:states>
<fx:Declarations>

<s:HTTPService id="phpPatientDetail"
   showBusyCursor="true"
   useProxy="false"
   resultFormat="e4x"
   method="POST"
   result="detailPatient(event)"
   fault="trace(this + event.fault.toString());">
</s:HTTPService>
<s:HTTPService id="phpLoadTypeDossier"
   showBusyCursor="true"
   useProxy="false"
   resultFormat="e4x"
   method="POST"
   result="allDossier(event)"
   fault="trace(this + event.fault.toString());">
</s:HTTPService>
<s:RadioButtonGroup id="rbsex"/>
</fx:Declarations>
<fx:Metadata>
[Event(name="myEventClose", type="fr.intersystemes.ui.windowSkin")]
</fx:Metadata>
<fx:Script>
<![CDATA[
import fr.intersystemes.VO.PatientVO;
import fr.intersystemes.config.urlManager;
import fr.intersystemes.util.DateUtility;
import fr.intersystemes.util.FileSerializer;
import fr.intersystemes.util.UserPrefs;
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
import mx.events.IndexChangedEvent;
import mx.events.ItemClickEvent;
import mx.rpc.events.ResultEvent;
import spark.events.IndexChangeEvent;
[Bindable]
public var monIdPatient:String;
private var pg:UserPrefs;
[Bindable]
public var PAT_TB_ARRAY:ArrayCollection = new ArrayCollection (
[{label:"Personnelles"},
{label:"Assuré & Sécu. Soc"},
{label:"Compléments perso"},
{label:"Autres adresses"},
{label:"Cursus"},
{label:"Archives"}]
[Bindable]
private var DP_PAT_CIVIL:ArrayCollection = new ArrayCollection (
[{label:"Monsieur"},
{label:"Madame"},
{label:"Mademoiselle"},
{label:"Le Jeune"}]
[Bindable]
private var DP_PAT_ADRDEF:ArrayCollection = new ArrayCollection (
[{label:"Monsieur"},
{label:"Madame"},
{label:"Mademoiselle"},
{label:"Le Jeune"}
[Bindable]
private var DP_PAT_DOS1:ArrayCollection = new ArrayCollection (
[{label:"N° Etudiant"},
{label:"N° INEE"},
{label:"Liberer"}
[Bindable]
private var DP_PAT_DOS2:ArrayCollection = new ArrayCollection (
[{label:"N° Etudiant"},
{label:"N° INEE"},
{label:"Liberer"}
[Bindable]
private var DP_PAT_TEL:ArrayCollection = new ArrayCollection (
[{label:"Maison"},
{label:"Bureau"},
{label:"Pére"},
{label:"Mére"}]
protected function onLoad(event:FlexEvent):void
this.pg = FileSerializer.readObjectFromFile("prefSaisiePat.up") as UserPrefs;
var urlPatient:urlManager = new urlManager();
phpPatientDetail.url=urlPatient.urlService() + "loadStudentById.php";
var paramsPatient:Object = new Object();
paramsPatient.idPatient = monIdPatient;
phpPatientDetail.send(paramsPatient);
phpLoadTypeDossier.send();
private function onMyEventClose(e:Event):void
private function allDossier(event:ResultEvent)
private var objectPatient:PatientVO;
private function detailPatient(event:ResultEvent):void
trace(this + event.result.toString());
var resultXml:XML = event.result as XML;
var aNode:XML;
var list:Array = new Array();
// we use resultXml.children() (and not resultXml..customer)
var dateConv : DateUtility = new DateUtility();
trace ("result" + resultXml.children().length());
for each (aNode in resultXml.children())
objectPatient = new PatientVO();
objectPatient.paIndex = Number(aNode.@id);
objectPatient.paNomP = aNode.@np ;
objectPatient.paPrenom = aNode.@pr ;
objectPatient.paCodePostal = aNode.@cp;
objectPatient.paDossier1 = aNode.@d1;
objectPatient.paDossier2 = aNode.@d2;
objectPatient.paNaissance = dateConv.dateStringToObject(aNode.@dn);
objectPatient.paNumTel1 = aNode.@tel;
lNom.text = objectPatient.paNomP;
lPrenom.text = objectPatient.paPrenom;
//lAge.text = dateConv.calculAgeAn(objectPatient.paNaissance) as String;
lAge.text = " - " + dateConv.calculAgeAn(objectPatient.paNaissance) + " ans et " + dateConv.calculAgeMois(objectPatient.paNaissance) + " mois";
lNaissance.text = "Né(e) le " + dateConv.dateToStringFR(objectPatient.paNaissance);
this.title = objectPatient.paNomP + " "+ objectPatient.paPrenom;
fdNom.text = objectPatient.paNomP;
dfNaissance.text = dateConv.dateToStringFR(objectPatient.paNaissance);
private function reloadPatient():void{
private function tbClickEvt(evt:IndexChangeEvent):void {
// Access target TabBar control.
//var targetComp:TabBar = TabBar(evt.currentTarget);
switch(evt.target)
case 0:
currentState="tb1";
break;
case 1:
currentState="tb2";
break;
case 2:
currentState="tb3";
break;
case 3:
currentState="tb4";
break;
case 4:
currentState="tb5";
break;
case 5:
currentState="tb6";
break;
default:
currentState="tb1";
break;
]]>
</fx:Script>
<s:Group width="100%" height="100%">
<s:layout>
<s:BasicLayout/>
</s:layout>
<s:Image x="0" y="0" width="53" height="53" click="reloadPatient()"/>
<s:VGroup x="100" y="8" width="100%" gap="5" verticalAlign="top"> 
<s:HGroup> 
<s:Label text="Nom" id="lNom" fontWeight="bold"/>
<s:Label text="Prénom" id="lPrenom" fontWeight="bold"/>
</s:HGroup>
<s:HGroup width="100%"> 
<s:Label text="Naissance" id="lNaissance" />
<s:Label text=" / Age" id="lAge"/>
</s:HGroup>
</s:VGroup >
<s:VGroup x="730" y="0" horizontalAlign="right" verticalAlign="top" paddingLeft="5"> 
<s:Label text="Crea" id="lCrea"/>
<s:Label text="Modif" id="lModif"/>
</s:VGroup>

<s:ButtonBar x="0" y="74" dataProvider="{PAT_TB_ARRAY}" change="tbClickEvt(event);"/>
<s:Form x="0" y="94" id="foPerso" width="100%" height="100%" includeInLayout="true" includeIn="tb1">
<s:layout>
<s:FormLayout gap="3" paddingLeft="0"/>
</s:layout>
<s:HGroup width="100%" gap="3" horizontalAlign="left" resizeMode="noScale"
verticalAlign="baseline" >
<s:DropDownList id="cbQualite" dataProvider="{DP_PAT_CIVIL}"/>
<s:FormItem label="Nom" >
<s:TextInput id="fdNom" width="200" focusColor="#D55E5E" focusEnabled="true"
tabIndex="1" text="Mon nom"/>
</s:FormItem>
<s:FormItem label="Prénom" >
<s:TextInput id="fdPrenom" width="200" tabIndex="2"/>
</s:FormItem>
<s:DropDownList id="cbDossier1" dataProvider="{DP_PAT_DOS1}" width="118" height="22" tabIndex="3"/>
<s:FormItem label="" >
<s:TextInput id="fDossier1" width="90" paddingRight="5" tabIndex="4"/>
</s:FormItem>
</s:HGroup>
<s:Group>
<s:FormItem label="Naissance" tabIndex="5" >
<mx:DateField id="dfNaissance" width="100" editable="true" formatString="DD/MM/YYYY" yearNavigationEnabled="true"/>
</s:FormItem>
<s:RadioButton x="90" y="0" label="Masculin" group="{rbsex}" tabIndex="6"/>
<s:RadioButton x="170" y="0" label="Féminin" group="{rbsex}" tabIndex="7"/>
<s:DropDownList id="cbDossier2" x="340" y="0" width="118" height="22"
dataProvider="{DP_PAT_DOS1}" tabIndex="8"/>
<s:FormItem x="460" y="0" label="" tabIndex="9">
<s:TextInput id="fDossier2" width="90" paddingRight="5"/>
</s:FormItem>
</s:Group>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Qualité" tabIndex="10">
<s:DropDownList id="cbQualiteParent" width="130"/>
</s:FormItem>
<s:FormItem label="Nom" tabIndex="11">
<s:TextInput id="tiNomPar" width="200" text="NomParent"/>
</s:FormItem>
<s:FormItem label="Prénom" tabIndex="12">
<s:helpContent>
<s:VGroup>
<s:Label text="Prénom du responsable" />
</s:VGroup>
</s:helpContent>
<s:TextInput id="tiPrenomPAr" width="200"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Adresse par défaut" tabIndex="12" >
<s:DropDownList id="cbAdrDef" dataProvider="{DP_PAT_ADRDEF}"/>
</s:FormItem>
<s:FormItem label="Adresse" tabIndex="13">
<s:TextInput id="tiAdr1" width="480" text="Adr"/>
<s:TextInput id="tiAdr2" width="480"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Code Postal" tabIndex="14">
<s:TextInput id="tiCP" text="CP" width="65"/>
</s:FormItem>
<s:FormItem label="Ville" tabIndex="15">
<s:TextInput id="tiVille" text="Ville" width="250"/>
</s:FormItem>
<s:FormItem label="Pays" tabIndex="16">
<s:TextInput id="tiPays" text="Pays" width="175"/>
</s:FormItem>
</s:HGroup >
<s:HGroup height="20" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline" paddingTop="5">
<s:Label text="Téléphones"/>
<s:Spacer width="39" height="20"/>
<s:Label text="SMS"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:DropDownList id="paTabTel1" dataProvider="{DP_PAT_TEL}" tabIndex="17"/>
<s:CheckBox id="cbSMS1" selected="true" tabIndex="18"/>
<s:TextInput id="paTel1" width="120" text="Tel1" tabIndex="19"/>
<s:TextInput id="paRemTel1" width="480" text="RemTel1" tabIndex="20"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:DropDownList id="paTabTel2" dataProvider="{DP_PAT_TEL}" tabIndex="21"/>
<s:CheckBox id="cbSMS2" selected="true" tabIndex="22"/>
<s:TextInput id="paTel2" width="120" text="Tel2" tabIndex="23"/>
<s:TextInput id="paRemTel2" width="480" text="RemTel2" tabIndex="24"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:DropDownList id="paTabTel3" dataProvider="{DP_PAT_TEL}" tabIndex="25"/>
<s:CheckBox id="cbSMS3" selected="true" tabIndex="26"/>
<s:TextInput id="paTel3" width="120" text="Tel3" tabIndex="27"/>
<s:TextInput id="paRemTel3" width="480" text="RemTel3" tabIndex="28"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Télécopie">
<s:TextInput id="paFax" width="120" text="Fax" tabIndex="29"/>
</s:FormItem>
<s:FormItem label="Email">
<s:TextInput id="paMail" width="333" text="Mail" tabIndex="30"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Prof. des parents">
<s:TextInput id="paProfPar" width="180" text="Prof Par" tabIndex="31"/>
</s:FormItem>
<s:FormItem label="du père">
<s:TextInput id="paProfPere" width="180" text="du père" tabIndex="32"/>
</s:FormItem>
<s:FormItem label="de la mère">
<s:TextInput id="paProfMere" width="180" text="de la mère" tabIndex="33"/>
</s:FormItem>
</s:HGroup>
<s:Line width="100%" height="3"/>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Rub1" >
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR1" width="220" text="Rub1" tabIndex="34"/>
<s:CheckBox id="cbRB1" tabIndex="35"/>
</s:FormItem>
<s:FormItem label="Rub5">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR5" width="220" text="Rub5" tabIndex="36"/>
<s:CheckBox id="cbRB5" tabIndex="37"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Rub2">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR2" width="220" text="Rub2" tabIndex="37"/>
<s:CheckBox id="cbRB2" tabIndex="38"/>
</s:FormItem>
<s:FormItem label="Rub6">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR6" width="220" text="Rub6" tabIndex="39"/>
<s:CheckBox id="cbRB6" tabIndex="40"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Rub3">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR3" width="220" text="Rub3" tabIndex="41"/>
<s:CheckBox id="cbRB3" tabIndex="42"/>
</s:FormItem>
<s:FormItem label="Rub7">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR7" width="220" text="Rub7" tabIndex="43"/>
<s:CheckBox id="cbRB7" tabIndex="44"/>
</s:FormItem>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="left" resizeMode="noScale" verticalAlign="baseline">
<s:FormItem label="Rub4">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR4" width="220" text="Rub4" tabIndex="45"/>
<s:CheckBox id="cbRB4" tabIndex="46"/>
</s:FormItem>
<s:FormItem label="Rub8">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:TextInput id="paUserR8" width="220" text="Rub8" tabIndex="47"/>
<s:CheckBox id="cbRB8" tabIndex="48"/>
</s:FormItem>
</s:HGroup>
</s:Form>
</s:Group>
</windowSkin:NativeTitleWindow>
[/Code]

Hello Regina,
That is what I did, and after your answer I checked everything again and I saw I did all right but when embeding the second ALV view by mistake I embeded the first one again.
Now it is working!
Thanks,
Mauricio

How Do You Render a Component using styleClass and CSS?

To create a special rendering for a component like a RadioButton how do you build and apply a CSS style to it? I tried using "styleClass" for a component and inserting a CSS command like "P.two{font-size:small}" but nothing happened. There were no warnings or errors in the "source view". Do I have to write a java bean with methods that have the CSS commands in them and somehow reference them from the XML "styleClass" attribute? If so does anyone have an example or can you point me to one?
Any help appreciated!
Thanks,
newsjsc

usually you put that in an external stylesheet (*.css) and import it at the top of the page...
<html><head>
<link rel="stylesheet" href="css/default_developer.css" />
</head><body></body></html>
that's the one for this page...
or you can put the style tags right within the <head> tags
<html><head>
<style type="text/css">

</style>
</head><body></body></html>
The better practice is to put stylesheets in an external file and include that one file across multiple pages or for your whole application. For some real cool CSS stuff, check out www.cssvault.com or css zen garden.

DataGrid with Custom Component not showing sub-components

I'm hoping someone can enlighten me on this issue.
I have a datagrid with one column which has an item renderer. It doesn't matter if the "text" data comes from a dataProvider or is static.
If I do the following, only the first label will show up.
<mx:DataGridColumn headerText="Column Title">
     <mx:itemRenderer>
           <mx:Component>
               <mx:VBox>
                    <mx:Label text="{data.data1}" />
                    <mx:Label text="{data.data2}" />
               </mx:VBox>
          </mx:Component>
     </mx:itemRenderer>
</mx:DataGridColumn>
However, if I change the VBox to a HBox both labels will show up.
<mx:DataGridColumn headerText="Column Title">
      <mx:itemRenderer>
            <mx:Component>
                <mx:HBox>
                    <mx:Label text="{data.data1}" />
                     <mx:Label text="{data.data2}" />
                </mx:HBox>
           </mx:Component>
      </mx:itemRenderer>
</mx:DataGridColumn>
I'm using:
Flex Builder 3 Standalone
Version: 3.0.214193
OS: Vista
Any ideas or comments would be appreciated.

Thanks for the reply KomputerMan.com. I've tried changing the dimensions of the VBox and no other labels appeared. Usually, when there is not enough room within the datagrid cell scrollbars will appear - you can experiment with the example below to see what I mean.
As for radiobuttons in a datagrid, here you go. The DataGrid and its dataProvider are constructed in the same way you normally would.
<mx:DataGridColumn headerText="Approve/Deny/Pending" width="170">
    <mx:itemRenderer>
        <mx:Component>
            <mx:HBox height="27" paddingLeft="10">
                <mx:Script>
                    <![CDATA[
                        private function isSelected(s:Object, val:String):Boolean {
                            if ( s.toString() == val) {
                                return true;
                            } else {
                                return false;
                    ]]>
                </mx:Script>
                <mx:RadioButton groupName="approveType"
                    id="approved"
                    label="A"
                    width="33"
                    click="data.status='1'"
                    selected="{isSelected(data.status, '1')}"/>
                <mx:RadioButton groupName="approveType"
                    id="denied"
                    label="D"
                    width="33"
                    click="data.status='2'"
                    selected="{isSelected(data.status, '2')}/>
                <mx:RadioButton groupName="approveType"
                    id="Pending"
                    label="P"
                    width="33"
                    click="data.status='3'"
                    selected="{isSelected(data.status, '3')}/>
            </mx:HBox>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

Generic function to place a component on the stage in ActionScript-3.0

Hi all,
           I am new to flash and ActionScript 3.0.I am learning ActionScript 3.0.
           My requirement/need is the AS3 code for placing any type of Component(viz., Button, CheckBox, ComboBox, ListBox, radiobutton, Slider, Scrollbar,Label,TextField, etc.,) on the stage with desired width,height, X and Y parameters(values) which we mention in "Properties" tab of Properties Window in flash.          Hence, What i need is, (say)a generic ActionScript 3.0 method/function, which places any of the components present in "Components Panel" onto the stage.
                i.e., As per my idea, the function prototype or signature may be like this:
                     function addComponent(int <width>, int <height>, int <XPos>, int <YPos>)
           Plzzz... Can anyone help me in this context.... It is a general query i think so. i.e., A basic programmer's task for defining a function for my requirement.           I think,                if I want to add a Button onto the stage at 100,100 pixel position and the button component's width and height are 50,50 respectively, (i.e., button.X=button.Y=100 && button.width=button.height=50).
           So, a button must be placed at 100,100,             then, the sample code looks like this:
                              Button <btn_instance> = new Button();     //creates Button instance
                              <btn_instance>.addComponent(50,50,100,100);// properties of button.
I hope someone will help me.
Thanks in advance..
Srihari.Ch

(OTTOMH) you could have a function similar to:
function placeComponent( container:DisplayObjectContainer, component:UIComponent, w:int, h:int, xpos:int, ypos:int ):void
container.addChild( component );
component.move( xpos, ypos );
component.setSize( w, h );
called with:
var b:Button = new Button();
placeComponent( this, b, 100, 20, 200, 200 );
You were alost there

Unexplained Error #1009 when calling a function in a component.

I created a component that allows you to display a song
listing.
I need to create various instances using it's constructor,
then add them to a main scrollbar control.
Before putting it in a loop, I wanted to make sure I could
add a single instance, with this code:
var NewListing:mediaUnit = new mediaUnit();
NewListing.setArtist("In Flames");
NewListing.setAlbum("Come Clarity");
NewListing.addSong(1,"Take This Life");
mediaLib.addObject(NewListing);
Compiled, ran, got this:
TypeError: Error #1009: Cannot access a property or method of
a null object reference.
at mediaUnit/addSong()
at MC3_PORT_fla::MainTimeline/MC3_PORT_fla::frame36()
Okay, maybe it's the code of addSong, right? So I commented
it out so it's basically:
public function addSong(id:int,song:*):int {
return 0;
Still gives the error.
Why do setArtist and setAlbum, being in the SAME exact scope,
not give this error? It just doesn't make sense to me.

Alright, I got it pinpointed. addSong calls
var movie:MovieClip = new units.mediaUnit.songItem();
Which Flash seems to consiter null.
Not like anyones going to bother reading this, everyone on
this forum tends to be lazy as hell, but anyone willing to help,
I'd appreciate it.

How to use a radiobutton group on table control ?

In the selection screen ,i could define a variable as radiobutton group xxx .It's just so easy ,button when I want to use it in the table control through the the wizard ,but in the 4.6c version there is simply no such as radionbutton component in the panel .how could i do ?

Hi Jack,
It's a bit tricky to get the Radio Button in the Table Control. Only a few things needs to be done.
1. Create a structure with an Checkbox field of TYPE CHAR 1.
2. Create the Table Control with Wizard and mark the Checkbox field as CHECKBOX in one of the popup.
3. In the Screen, right-click on the Checkbox field. You will get a list of options and there you should check the radio button option. You will get the selection as Radio button available across all the rows.
You can check out the demo codes at SE38 by searching DYNPRO.
Also have a look at this following link.
http://www.esnips.com/doc/48bd95e8-facc-4932-b923-465ba59bad24/Table-Control
Hope this will help.
Thanks,
Samantak.

Component renders more then once

Hi,
I'm having a jspx page containing a navigation panel and 3 panelboxes. Depending on the value of a 'Type' attribute defined in the pageDefinition, one of the panelBoxes get rendered.
*If the value of the 'Type' attribute is 'T': the panelBox renders an inputText component.
*If the value of the 'Type' attribute is 'S': the panelBox iterates over the details of a certain current row and show them as radiobuttons.
*If the value of the 'Type' attribute is 'M': the panelBox iterates over the details of a certain current row and shows them as checkboxes.
Both iterations use the af:forEach component to show the details. Here's the problem:
Everytime I browse to the last masterrow, there are details in the panelBox which gets rendered more than once and I really don't know why.
Here's my JSPX code:
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:af="http://xmlns.oracle.com/adf/faces"
          xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
          xmlns:cust="http://xmlns.oracle.com/adf/faces/customizable">
<jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
              doctype-system="http://www.w3.org/TR/html4/loose.dtd"
              doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
    <afh:html>
      <afh:head title="Questions">
        <meta http-equiv="Content-Type"
              content="text/html; charset=windows-1252"/>
      </afh:head>
      <afh:body>
        <af:messages/>
        <h:form>
          <af:panelPage title="Questions">
            <f:facet name="menu1"/>
            <f:facet name="menuGlobal"/>
            <f:facet name="branding"/>
            <f:facet name="brandingApp"/>
            <f:facet name="appCopyright"/>
            <f:facet name="appPrivacy"/>
            <f:facet name="appAbout"/>
            <af:panelGroup layout="vertical">
              <af:panelHorizontal id="navigationPanel">
                <af:commandButton actionListener="#{bindings.Previous.execute}"
                                  text="Previous"
                                  disabled="#{!bindings.Previous.enabled}"/>
                <af:commandButton text="Next"
                                  disabled="#{!bindings.Next.enabled}"
                                  action="#{backing_Questions.nextQuestion}"/>
              </af:panelHorizontal>
              <af:outputLabel value="QUESTION: #{bindings.Question1.inputValue}"/>
              
              <af:panelBox rendered="#{bindings.Type.inputValue == 'S'}"
                           id="panelBox_S">
                <af:selectOneRadio tip="Please select one item."
                                   binding="#{backing_Questions.singleQuestion}">
                  <af:forEach items="#{bindings.PossibleAnswersByQuestion.rangeSet}"
                              var="possibleAnswer">
                    <af:selectItem label="#{possibleAnswer.Answer}"
                                   value="#{possibleAnswer.PossibleAnswerId}"/>
                  </af:forEach>
                </af:selectOneRadio>
              </af:panelBox>
              
              <af:panelBox rendered="#{bindings.Type.inputValue == 'T'}"
                           id="panelBox_T">
                <af:inputText tip="Please fill in the correct answer."
                              binding="#{backing_Questions.textQuestion}"/>
              </af:panelBox>
              
              <af:panelBox rendered="#{bindings.Type.inputValue == 'M'}"
                           id="panelBox_M">
                <af:selectManyCheckbox tip="Please choose all that apply."
                                       binding="#{backing_Questions.multipleQuestion}">
                  <af:forEach items="#{bindings.PossibleAnswersByQuestion.rangeSet}"
                              var="possibleAnswer">
                    <af:selectItem label="#{possibleAnswer.Answer}"
                                   value="#{possibleAnswer.PossibleAnswerId}"/>
                  </af:forEach>
                </af:selectManyCheckbox>
              </af:panelBox>
            </af:panelGroup>
          </af:panelPage>
        </h:form>
      </afh:body>
    </afh:html>
</f:view>
</jsp:root>Update:
You can find a screenshot here.

Thanks for your reply Frank.
Unfortunately I'm not working with a managed bean. 'possibleAnswer' is the name of each row in the af:forEach. (Instead of row)
I added following line to each panelBox in my code in order to print the row count.
<af:outputLabel value="#{bindings.PossibleAnswersByQuestion.estimatedRowCount}"/>After running the page and browsing to the last record of my master table, the page renders like this.
Regard,
Koen

Using States and the includeIn-property for UI-elements inside my mxml-composide-component

Hi,
unfortunatly I am looking for a way to use States in a mxml-component. I’m working with the flash builder 4.6 (means as3).
Because this did not work when I did use the normal mxml tags for the states inside my VGroup-composite-component, I added a creationComplete-Handler in the Script part of my component in which I instanciated the states and the states-Array via as3. I copied
this of an internet- article from 2006 that was already dealing with
as3, but at that time the States were part of the mx-namespace. How ever when I wrote: newState1: State= new State(); my development environment did not know the class State. Did I forgot to import anything or to use a namespace in my Script block ? I imported the AS3 Finite State Machine from meekgeek.com.
But these states have no name-property insted they got a key-property, but this did not work either though I imported correct and did use the correct namespace. I did not find any State-class-description at Adobe's doku either. All I’m trying to do is to use the standard State-includeIn-properties of UI-Components inside
my mxml-composide-componend. I’d be much obliged if You may help me in this point.
Best regards,
Timan Bracht

Thanks for the answers so far.
I can show now the correct KmLimit on the field, thanks to a javabean method, so this problem is solved - even I don't know why on hell it does not show it automatically, since I did give to it literal/expression default value in the attribute properties of the transient field; but never mind.
The current problem: we use a task flow, that shows an input form to enter new records. This form has a LOV, from where I get a value from, which will be then saved once the submit button has been pressed.
So far, so good.
I enter some values in the input fields. If now I save the record, it will be saved, and all the form fields reset to null. Perfect.
But. If I don't press the save button, instead I pick another value from the LOV list, the values of the input fields does not reset to null, instead, they remain with the last entered value.
It does not seem there's more to change in the task flow properties that would reset the fields automatically.
So we're stuck with this issue, the fields remain filled, even if I do set it to null. The value is really null - I set it to null with fieldName.setValue(null) and show it in the console with fieldName.getValue() - but the form still shows the old value in the field.
Any help is greatly appreciated,
Sergio.

RadioButton Component Hell!

Similar Messages

Maybe you are looking for