Declaratively adding a custom component

I have extended a OAFlowLayout bean. When I add a region, the region style can be stated declaratively in the properties of the region. I would like my region to be added to that list. I imagine that I am extending JDeveloper and what it shows in the dropdown list that is displayed. I am wondering what I need to do so my component can be added to that list and used.

The requirement is to have tabs underneath the subTabLayout. It is understood that subtabs nested in subtabs are not allowed. My current solution is to subclass a layout and add the component programically. The number of tabs can be variable. Any ideas on how to do this is appriciated.
Regards,
Daryl

Similar Messages

Adding Visual custom component in spark DataGrid

I am working with flex 4.5. I want to create Gauge component Datagrid.
I am using open source com.betterthantomorrow.components. I have created custom components like this
    <?xml version="1.0" encoding="utf-8"?>
    <s:BorderContainer 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:bttc="com.betterthantomorrow.components.*"
                                               xmlns:gauge="com.betterthantomorrow.components.gauge.*"
                                               xmlns:objects="tekhnia.com.tekhniag.objects.*"
                                               width="30%" height="65" backgroundColor="black" borderColor="black"
                                               creationComplete="init(event)">
              <fx:Declarations>
                        <mx:NumberFormatter precision="1" id="formatter" rounding="nearest" />
              </fx:Declarations>
              <fx:Script>
                        <![CDATA[
                                  import mx.events.FlexEvent;
                                  import mx.messaging.channels.StreamingAMFChannel;
                                  [Bindable]
                                  public var cpuValue:Number;
                                  [Bindable]
                                  public var memoryValue:Number;
                                  [Bindable]
                                  public var diskValue:Number;
                                  [Bindable]
                                  public var mycomp:String;
                                  [Bindable]
                                  public var serverName:String;
                                  [Bindable]
                                  public var statusImage:String;
                                  protected function init(event:FlexEvent):void
                                            var strValues:String;
                                            var strColors:String;
                                            var strAlphas:String;
                                            strColors="0x009900,0xFFFF00,0xDD0000";
                                            strValues="0,50,70,100";
                                            strAlphas=".8,.8,.8"
                                            var values:Array=strValues.split(",");
                                            var colors:Array=strColors.split(",");
                                            var alphas:Array=strAlphas.split(",");
                                            gauge1.setStyle("alertValues",values);
                                            gauge1.setStyle("alertColors",colors);
                                            gauge1.setStyle("alertAlphas",alphas);
                                            gauge2.setStyle("alertValues",values);
                                            gauge2.setStyle("alertColors",colors);
                                            gauge2.setStyle("alertAlphas",alphas);
                                            gauge.setStyle("alertValues",values);
                                            gauge.setStyle("alertColors",colors);
                                            gauge.setStyle("alertAlphas",alphas);
                                            gauge.invalidateDisplayList();
                                            gauge1.invalidateDisplayList();
                                            gauge2.invalidateDisplayList();
                        ]]>
              </fx:Script>
              <s:layout>
                        <s:HorizontalLayout/>
              </s:layout>
              <s:TileGroup width="101" paddingLeft="20" paddingRight="2">
                        <bttc:Gauge id="gauge"
                                                      diameter="50" width="50"
                                                      verticalCenter="0" horizontalCenter="-111"
                                                      minValue="1" maxValue="10" value="{cpuValue}" valueFormatter="{formatter}"
                                                      bigTicks="9" smallTicks="45" showMinMax="false" showValue="false" pointerColor="white"/>
              </s:TileGroup>
              <s:TileGroup width="101" paddingLeft="20" paddingRight="2">
                        <bttc:Gauge id="gauge1"
                                                      diameter="50" width="50"
                                                      verticalCenter="0" horizontalCenter="-111"
                                                      minValue="1" maxValue="10" value="{memoryValue}" valueFormatter="{formatter}"
                                                      bigTicks="9" smallTicks="45" showMinMax="false" showValue="false" pointerColor="white" automationName="T"/>
              </s:TileGroup>
              <s:TileGroup width="101" paddingLeft="20" paddingRight="2">
                        <bttc:Gauge id="gauge2"
                                                      diameter="50" width="50"
                                                      verticalCenter="0" horizontalCenter="-111"
                                                      minValue="1" maxValue="10" value="{diskValue}" valueFormatter="{formatter}"
                                                      bigTicks="9" smallTicks="45" showMinMax="false" showValue="false" pointerColor="white"/>
              </s:TileGroup>
              <s:TileGroup width="40" paddingTop="3">
                        <s:Image source="assets/led/big/{statusImage}" />
                        <s:Label color="white" text="{serverName}" textAlign="center"/>
              </s:TileGroup>
    </s:BorderContainer>
I want to add this component in Datagrid. I have tried a lot on net. I didn't find any help. I read books as well.
Please help me. I found somewhere on the site one liner answer : write grid renderer. I don't how to write grid renderer and pass the data values to it.
I will be more thank full someone gives me pointer to sample grid renderer or code.

What's the flow here?
Do you want to pop-up a JSP in a window to prompt the user for extra information before submitting the check-in form? If so, you need a custom component to override the resource that draws the "submit" button on the form.
Or, do you want to execute something like a web service during the check-in process? If so, do a validateStandard filter. See the 'DynamicPrefix' comonent in the howtocomponents:
http://www.oracle.com/technetwork/middleware/content-management/index-092832.html

Adding a Custom Component to Check-In Operation

Hi everyone,
Our technical knowledge is very basic in UCM and ECM.
We are trying to add a JSP component which must have some interaction with the user just before a Check-in operation which should be consumed in the client's web browser.
Can anyone please point me in the right directions for creating such a schema. We are learning stuff such as Custom Components, Component Wizard, presentation of UCM data through JSON, JSP components, Dynamic Server Pages. We have found the product amazing so far just like every other Fusion Middleware product.
But still it is too early for us to decide what we should go with. Any info would be so much appreciated. I thought we could try a trigger before a Check-in operation through Content Profile, which would open a custom JSP added to UCM as a custom component. But it is very in-mature as you can point out.
Thanks.

What's the flow here?
Do you want to pop-up a JSP in a window to prompt the user for extra information before submitting the check-in form? If so, you need a custom component to override the resource that draws the "submit" button on the form.
Or, do you want to execute something like a web service during the check-in process? If so, do a validateStandard filter. See the 'DynamicPrefix' comonent in the howtocomponents:
http://www.oracle.com/technetwork/middleware/content-management/index-092832.html

Component property declaration in a Custom Component

Hello everyone,
I have a question related to a custom component. I will define a use case and how I want to define a property.
e.g.: I develop a custom component using Flex Library Project, with all manifest.xml, design.xml, locale etc. My component name is CustomList, now in this component, I define a property with following getter/setter.
// defaultState
private var _defaultState:CustomState;
[Bindable( "defaultStateChange" )]
//I have tried defining type property as CustomState, doesn't works
[Inspectable( category="General", name="Default State" )]
public function get defaultState():CustomState
     return _defaultState
public function set defaultState( v:CustomState ):void
     if ( _defaultState!= v)
          _defaultState = v
          dispatchEvent(new Event("defaultStateChange"))
Here, CustomState extends MXMLObjectAdapter and defines a id property and few other property. and In mxml I can define it like this,
<CustomList ....>
     <defaultState>
          <CustomState label="" icon="" />
     </defaultState>
</CustomList>
Now, what I want to achieve is, I want to define property something like this:
<CustomList ....>
     <defaultState label="" icon=""/>
</CustomList>
Can someone tell me how to achieve this and point me to some description about it.
Thanks in advance.
Chetan Sachdev

@Ryan:
Thanks for your reply. For type property in Inspectable metadata tag: http://livedocs.adobe.com/flex/gumbo/html/WS2db454920e96a9e51e63e3d11c0bf680e1-7ffe.html#W S2db454920e96a9e51e63e3d11c0bf69084-7a21
It can have values like Boolean, Array, String etc. I am trying to have a custom one. But I notice that I have to close the property tag, even if it is a string or html for e.g. text property in TextInput, I have to write something like this:
<mx:TextInput>
        <mx:htmlText>
            <![CDATA[
            ]]>
        </mx:htmlText>
    </mx:TextInput>
and
<mx:TextInput>
        <mx:text>something</mx:text>
    </mx:TextInput>
But I still think, it should be there. Not sure
Chetan

How to add default values when adding custom component to design view?

I have a set of custom components (usually) extending Spark components. But when adding our custom component onto design view, how can I define defult values (in AS3).
For example, s:Button has default label = 'Button' when added to application, or mx:DataGrid has 3 columns predefined, but when using custom components there are no predefined values like this.
I can put this values in constructor, but they are not visible in design time, only runtime.
Any ideas? Thanks
Esmin

yes, I am. By the way I've found the solution. Someone might find this usefull.
In design.xml having
<component name="ExtendedTextInput" namespace="mynamespace" category="beta" displayName="ExtendedTextInput"/>
use this
<component name="ExtendedTextInput" namespace="mynamespace" category="beta" displayName="ExtendedTextInput">
<defaultAttribute name="text" value="ExtendedTextInput"/>
</component>
so when adding this component to design view, it will have text setted to value ('ExtendedTextInput' in this case).

How to handle custom component data on overviewset save button CRM UI

Hi,
I have added a custom component to a standard view which is enchanted.
I can handle any data with my buttons on the component but after editing data
i need the save the data when the save button on the overview(top) is pressed.
I have redefined save button of overview but i cant get my data.
My node name is Root. I think i couldnt bind it to overview.
How can i do that?
Thank you

Probably it can be done by
http://wiki.sdn.sap.com/wiki/display/CRM/CRMWebUITechnical-CreatingTableViewInWebUI
i am trying
Thank you

Issue in custom component in custom timecard layout-OTL

Hi,
I have created a custom layout based on seeded layout.Added new custom component Dept reference field to the sedded layout.
When trying to save the timecard template including dept reference field completed.The saved timecard template is dropping Dept reference filed.therefore,it is also dropped from the exported/downloaded .csv file.
code details:
BEGIN HXC_LAYOUT_COMPONENTS
"US Projects Alternate Timecard Layout-Dep field"
OWNER = "CUSTOM"
SEQUENCE = "226"
COMPONENT_DEFINITION = "TEXT_FIELD"
RENDER_TYPE = "WEB"
PARENT_COMPONENT="US Projects Alternate Timecard Layout-Day Scope Building blocks for worker timecard matrix"
REGION_CODE="HXC_CUI_TIMECARD"
REGION_CODE_APP_SHORT_NAME="HXC"
ATTRIBUTE_CODE="DEPT_REF"
ATTRIBUTE_CODE_APP_SHORT_NAME="HXC"
LAST_UPDATE_DATE = "2004/05/23"
BEGIN HXC_LAYOUT_COMP_QUALIFIERS
"US Projects Alternate Timecard Layout-Dep field"
OWNER = "CUSTOM"
QUALIFIER_ATTRIBUTE_CATEGORY = "TEXT_FIELD"
QUALIFIER_ATTRIBUTE1 = "N"
QUALIFIER_ATTRIBUTE2 = "N"
QUALIFIER_ATTRIBUTE3 = "5"
QUALIFIER_ATTRIBUTE4 = "1"
QUALIFIER_ATTRIBUTE5 = "30"
QUALIFIER_ATTRIBUTE18 = "EXCLUDE"
QUALIFIER_ATTRIBUTE19 = "|TEMPLATE|CSV|"
QUALIFIER_ATTRIBUTE20 = "N"
QUALIFIER_ATTRIBUTE21 = "Y"
QUALIFIER_ATTRIBUTE22 = "L"
QUALIFIER_ATTRIBUTE25 = "FLEX"
QUALIFIER_ATTRIBUTE26 = "HRP"
QUALIFIER_ATTRIBUTE27 = "Attribute3"
LAST_UPDATE_DATE = "2004/05/23"
END HXC_LAYOUT_COMP_QUALIFIERS
END HXC_LAYOUT_COMPONENTS
Please help me in this regard....
Thanks
Sri...

Did you update the export layout too and added that to preferences?
--Shiv

Decode function not called for a custom component

I know this problem happened in the past - in the EA2, EA4 and I believe the beta version as well, but does anyone know if it has been solved for the release ?
In short - I'm working with the release, created a menuBar component and the decode method in the renderer is not called after I submit the page. In the past, there were rumors that this happened due to relative paths in the JSP (for js files, images, etc.).
Does anyone else have this problem ? or better , know how to solve it ?
Thanx,
Netta.

It's not that simple - The component is getting rendered, all the encode methods are called and the decode is called also , but only the first time the form is submitted.
I added this custom component to the guessNumber application, and I have a menuBar in the greeting.jsp that leads to the response.jsp and vice versa. it looks like this in the greeting.jsp page -

<t:MenuBar id="bar1" styleClass="myClass" >
<t:Menu id="menu1" name="menu1">
<t:Menu id="menu2" name="menu2">
<t:MenuItem id="item2_1" name="item2_1" action="/mytest/guess/response.jsp"/>
<t:MenuItem id="item2_2" name="item2_2" action="http://www.msn.com"/>
<t:Menu id="menu3" name="menu3">
<t:MenuItem id="item3_1" name="item3_1x" action="http://www.msn.com"/>
</t:Menu>
</t:Menu>
</t:Menu>
<t:MenuItem id="item3" name="item3" action="http://www.cnn.com"/>
</t:MenuBar>

In the response it looks like this -

<t:MenuBar id="bar2" styleClass="myClass" >
<t:MenuItem id="item3" name="item3" action="/mytest/guess/greeting.jsp"/>
</t:MenuBar>

and every time a menuItem is clicked on, the JS calls submit form.
Since the menus are rendered, I assume there's nothing wrong with the rendererType and any other renderer problem. Since the decode is called only once, I assume the right form is being submitted.
So, what can cause it to stop calling the decode ???
Could it be that becase I go directly to the page and not through the navigation rules ( I call window.open directly from the JS), it creates a problem ??
Please help, I've been wasting so much time on this !
Netta.

Adding Parameters (Inspectable) to a Custom Component?

Hi --
I am attempting to build a custom component just to learn a
little more
about AS 3.0. I can not figure out where / how in my package
declarations I
can "expose" parameters that will be visible to the user in
the Flash IDE
when using my component.
Thanks
Rich

Hi Richard ,
there is a pretty cool livedoc about component creation in as
3 :
http://www.adobe.com/devnet/flash/articles/creating_as3_components.html
setting up the inspectables is the same as it was in as2
i am doing it in my controller :
[as]
package mat3d.yugopReel {
import flash.display.*;
import flash.text.TextField;
import flash.events.Event;
import flash.events.MouseEvent;
import fl.core.InvalidationType;
import fl.core.UIComponent;
import fl.data.DataProvider;
import fl.events.ComponentEvent;
import fl.containers.UILoader;
import mat3d.yugopReel.model.MainModel;
public class ScrollReel extends UIComponent {
public var dataProvider : DataProvider;
public var RIG : Sprite;
public var LeftBTN : Sprite;
public var RightBTN : Sprite;
public var myModel : mat3d.yugopReel.model.MainModel;
private var _background : Sprite;
private var _tf : TextField;
public var _AutoScroll : Boolean;
public var _StepControl : Boolean;
private var _FileType : String;
public var _File : String;
private var _text : String;
public var _ScrollInit : String;
public var _StepBehaviour : String;
public var _PictureSize : String;
public var _ScrollTime : Number;
public var abstand_x : Number = 90.3;
public var abstand_y : Number = 125;
public var ConfigData : Array;
public function ScrollReel() {
super();
alpha = 0;
myModel = new mat3d.yugopReel.model.MainModel(this);
>> start get set INSPECTABLES
AutoScroll start
public function get AutoScroll() : Boolean {
return _AutoScroll;
myPropInit.AutoScroll = true;
public function set AutoScroll(value : Boolean) : void {
_AutoScroll = value;
myPropInit.AutoScroll = true;
[Inspectable(name="AutoScroll",defaultValue="false",type="Boolean")]
AutoScroll end
FileType start
public function get FileType() : String {
return _FileType;
myPropInit.FileType = true;
public function set FileType(value : String) : void {
_FileType = value;
myPropInit.FileType = true;
[Inspectable(name="FileType",defaultValue="XML",type="String")]
FileType end
Filestart
public function get File() : String {
return _File;
myPropInit.File = true;
public function set File(value : String) : void {
_File = value;
myPropInit.File = true;
init();
[Inspectable(name="File",defaultValue="",type="String")]
File end
Width start
public function get Width() : Number {
return width;
myPropInit.Width = true;
public function set Width(value : Number) : void {
width = value;
//trace("setWidth >>>" + width);
myPropInit.Width = true;
[Inspectable(name="Width",defaultValue="250",type="Number")]
Width end
Height start
public function get Height() : Number {
return height;
myPropInit.Height = true;
public function set Height(value : Number) : void {
height = value;
trace("setHeight >>>" + height);
myPropInit.Height = true;
[Inspectable(name="Height",defaultValue="50",type="Number")]
Height end
ScrollTime start
public function get ScrollTime() : Number {
return _ScrollTime;
myPropInit.ScrollTime = true;
public function set ScrollTime(value : Number) : void {
_ScrollTime = value;
myPropInit.ScrollTime = true;
[Inspectable(name="ScrollTime",defaultValue="0.2",type="Number")]
ScrollTime end
ScrollInit start
public function get ScrollInit() : String {
return _ScrollInit;
myPropInit.ScrollInit = true;
public function set ScrollInit(value : String) : void {
_ScrollInit = value;
myPropInit.ScrollInit = true;
[Inspectable(name="ScrollInit",defaultValue="_x",type="String")]
ScrollInit end
PicSize start
public function get PictureRatio() : String {
return _PictureSize;
myPropInit.PictureSize = true;
public function set PictureRatio(value : String) : void {
_PictureSize = value;
myPropInit.PictureSize = true;
[Inspectable(name="PictureSize",defaultValue="",type="String")]
PictureSize end
Step Controll start
public function get StepControl() : Boolean {
return _StepControl;
myPropInit.StepControl = true;
public function set StepControl(value : Boolean) : void {
_StepControl = value;
myPropInit.StepControl = true;
[Inspectable(name="StepControl",defaultValue="false",type="Boolean")]
Step Controll end
Step Behaviour start
public function get StepBehaviour() : String {
return _StepBehaviour;
myPropInit.StepBehaviour = true;
public function set StepBehaviour(value : String) : void {
_StepBehaviour = value;
myPropInit.StepBehaviour = true;
[Inspectable(name="StepBehaviour",defaultValue="easeInOutQuad",type="String")]
Step Behaviour end
DataProviderstart
public function get DataProvider() : Object {
return DataProvider;
public function set DataProvider(value : Object) : void {
DataProvider = value;
myPropInit.StepBehaviour = true;
[Inspectable(name="DataProvider",defaultValue="",type="Collection")]
DataProvider end
>> end get set INSPECTABLES
private function init() : void {
myModel .handleData();
public override function toString() : String {
return super.toString();
[/as]
bw
matthias

Adding custom converter to custom component ?

Hi,
I have created a custom component in JSF 1.1 that extends HtmlInputText.
The component works as it should. My Problem is that when I apply one of my own custom converts to it, the converter is never invoked ?
<ps:custInputText id="text1" validator="#{pc_Start.validateText1}">
<f:attribute name="fieldReference" value="ref_text1" />
<f:converter converterId="ps.trimAllSpaces" />
</ps:custInputText>Does anyone know that's wrong ? Maybe it is not possible to to apply custom converters to custom components ?
Thanks in advance.

Try by adding value attribute to ur custom tag, it might work.

[svn:cairngorm3:] 16694: Adding a custom IconButton component.

Revision: 16694
Revision: 16694
Author:   [email protected]
Date:     2010-06-28 05:20:58 -0700 (Mon, 28 Jun 2010)
Log Message:
Adding a custom IconButton component.
Using the ErrorPolicy.RETHROW flag for unhandled exceptions
Modified Paths:
    cairngorm3/trunk/samples/insync/insync-basic/src/InsyncBasic.mxml
    cairngorm3/trunk/samples/insync/insync-basic/src/InsyncContext.mxml
    cairngorm3/trunk/samples/insync/insync-basic/src/assets/contactsStyles.css
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/application/SearchContactsCommand .as
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/infrastructure/AlertHandler.as
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/PictureInput.mxml
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/Toolbar.mxml
Added Paths:
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/components/
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/components/IconButto n.as
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/components/skins/
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/components/skins/Ico nButtonSkin.mxml
Removed Paths:
    cairngorm3/trunk/samples/insync/insync-basic/src/insync/presentation/skins/button/

Best practices for adding components in a composite custom component

Hello,
I am developing a custom, composite JSF component need to dynamically add child components in my renderer class. I've noticed that people add components to a custom component in many different ways. I'd like to follow JSF best practices when developing this component - of the following approaches, which would you recommend? Or is there yet another approach I should be using?
1) in the encodeBegin method of my renderer class, create a new component, add it to the component tree, and let the page life cycle take care of the rendering:
HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
//set properties on dimensionStateGroupDataList
component.getChildren().add(dimensionStateGroupDataList);
2) in either the encodeBegin or encodeEnd method, create a component and encode it:
HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
//set properties on dimensionStateGroupDataList
dimensionStateGroupDataList.encodeBegin();
dimensionStateGroupDataList.encodeEnd();
Both of these methods are functional, and I prefer the first (why encode children if you don't have to?), but I am interested in other people's take on how this should be done.
Thanks for your help.
-Christopher

My bad, sorry, wasnt concentrating, Im afraid I have no experience with portlets, but I would have thought that you can mimic the outputLinkEx in you renderer by encoding your own links?
If you were to bind a backing bean variable to an outputLinkEx what would it be? Not understanding portlets, or knowing what an outputLinkEx is may be hindering me, but you should be able to create an instance of it in code like (this example uses HtmlOutputLink, you would need to know which component to use):
HtmlOutputLink hol = new HtmlOutputLink();
hol.set....Then set any attributes on it, and explicitly call its encodeStart, encodeEnd functions. Is that way off the mark.

Access data in custom component.

Hi Everyone,
                I am new to Flex soo pardon me if my questions are quite basic. I have searched a lot before posting here, might be I was not looking in the right direction. Please redirect me to the path that leads to the solution of the problem. I really appreciate any help that I can get.
I'm followiing this video tutorial.
http://www.gotoandlearn.com/play.php?id=100
All was going fine, until the tutor wanted to add custom component in the application. He added the HBox which I couldn't find in Flash Builder 4.6 so I added HGroup instead in my new component. Now when I want to use the data that was fetched in the parent component in custom component it gives me error. Here is the code and their file names.
File: SearchHomeView.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="Twitter Search">
    <fx:Declarations>
        
        <s:HTTPService result="onResult(event)" id="service" url="http://search.twitter.com/search.atom?q=adobe">
        </s:HTTPService>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import flash.utils.flash_proxy;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;
            [Bindable]
            private var ac:ArrayCollection;
            private function onResult(event:ResultEvent):void
                ac = event.result.feed.entry as ArrayCollection;
                trace(data);
                trace(ac);
            private function doSearch(event:MouseEvent):void
                //service.url = "http://search.twitter.com/search.atom?q=" + tearch.text;
                service.url = "http://search.twitter.com/search.atom?q=adobe";
                service.send();
        ]]>
    </fx:Script>
    <s:TextInput x="25" y="26" width="146" id="tearch"/>
    <s:Button x="224" y="26" height="33" label="Search" click="doSearch(event)" />
    <s:List dataProvider="{ac}" itemRenderer="tweet" x="25" y="92" width="274" height="278"></s:List>
</s:View>
File: tweet.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:HGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark" width="400" height="300">
    <fx:Declarations>
        
    </fx:Declarations>
    <s:Image width="50" height="50" source="{parentDocument.data.link.getItemAt('1').href}">
    </s:Image>
    <s:TextBase width="100%" text="">
    </s:TextBase>
</s:HGroup>
When I use source to be source="{parentDocument.data.link.getItemAt('1').href} ... it removes the error, but displays nothing on the resulting app.
When I use source to be source="{data.link[1].href} ... it gives the error,
Multiple markers at this line:
-1120: Access of undefined property data.
-parentDocument
What needs to be done to use the item renderer right in custom component ? Please tell me the solution to it... I'm stuck on it for quite a few time.
Thanks
Bilal Ahmad

Hello Ravi,
one option is the create a public attribute to share your value note data with other components.
Another option is a function group with two function modules "SET_" and "GET_".
I´m sure one of the webclient UI Gurus here in this forum could share less "dirty" ways with you.
Kind regards
Manfred

Error while adding a custom field with Input help via AET

Hi All,
I need to add two custom field under Service orders at Item level in component BT140I_SRVP.
One field is required to have the input search help f4 and autopopulates the second field
I am able to add one field(not requiring help) successfully through AET .
I have created one Zsearch_help in se11 and its successfully running and Autopopulating seocnd field while I am testing it
While adding second field through AET,I need to enter following details as -
field label,search relevant ,serach help etc.
When I type the name of my 'Zsearch_help' against field search help it gives me following error
'Search help is not compatible'.
Secondly,not getting getter and setter methods for the attrributes in BTAdminI.
Last,please tell me if i create zhelp and activate it,would it automatically appear in the list on AETwhile assiging it to input field?
Please help me out.Kindly be detailed as I am new to SAP CRM.
Thanks,
Shivani

The question is answered in CRM 7.0 forum:
Getting error while adding a custom field (with input help) through AET

Custom Component UI not displaying in 11G

Hi All,
   We have a custom component in 10G where we have added new link in the UCM Home Page, it will be displayed beside Administration tab with name Edit Tables, under this we have sub links Alldistr_RVS, Distprod, Distuser, Prdstate, Products_RVS, State_RVS, Stateusr. When we deployed this code in 11G it is not working. Could any one please provide me code to make it work in 11G instace. Appreciate your help on this.
Below is the code used in 10G in resource file
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
ampfRVSEditTables htmlIncludeOrString
</title>
</head>
<body>
<@dynamichtml custom_finish_layout_init@>
<$include super.custom_finish_layout_init$>
<$include how_to_components_menu$>
<$include vbis_edit_tables_link$>
<@end@>
<@dynamichtml how_to_components_menu@>
<$if not how_to_components_menu_included$>
//add a drop-down menu, or a tray to the UI
navBuilder.addChildNodeTo('NAVTREE', 'collection', 'id==EDIT_Tables', 'label==Edit Tables');
if (navBuilder.menuB)
navBuilder.menuB.addTopLevelNode("EDIT_Tables");
else if (navBuilder.trayA)
navBuilder.trayA.addTopLevelNode("EDIT_Tables");
<$EDIT_Tables_menu_included=1$>
<$endif$>
<@end@>
<@dynamichtml vbis_edit_tables_link@>
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==ALLDISTR_RVS',
'label==Alldistr_RVS', 'url==<$HttpCgiPath$>?IdcService=GET_ALLDISTR_RVS_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==DISTPROD',
'label==Distprod', 'url==<$HttpCgiPath$>?IdcService=GET_DISTPROD_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==DISTUSER',
'label==Distuser', 'url==<$HttpCgiPath$>?IdcService=GET_DISTUSER_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==PRDSTATE',
'label==Prdstate', 'url==<$HttpCgiPath$>?IdcService=GET_PRDSTATE_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==PRODUCTS_RVS',
'label==Products_RVS', 'url==<$HttpCgiPath$>?IdcService=GET_PRODUCTS_RVS_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==STATE_RVS',
'label==State_RVS', 'url==<$HttpCgiPath$>?IdcService=GET_STATE_RVS_PAGE');
navBuilder.addChildNodeTo('EDIT_Tables', 'item', 'id==STATEUSR',
'label==Stateusr', 'url==<$HttpCgiPath$>?IdcService=GET_STATEUSR_PAGE');
<@end@>
</body>
</html>
Thanks.
Ashok

Hi Jiri,
   I from the sample example I tried to develop component to display HOW_TO_COMPONENTS as Menu item under which there is sub item Annuity_Dispname_Mapping, but it is not displaying. I am afraid where it went wrong. Below is the code i used, please help me to fix this. Thank you
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
MenuExample htmlIncludeOrString
</title>
</head>
<body>
<@dynamicdata CoreMenuItems@>
id,           label,       linkType, linkData
HOW_TO_COMPONENTS, How To Components, YuiDev,
ANNUITY_DISPNAME_MAPPING, Annuity_Dispname_Mapping, YuiDev, <$HttpCgiPath$>?IdcService=GET_DATA_ACCESS_PAGE
<@end@>
<@dynamicdata CoreMenuItemRelationships@>
<?commatable mergeKey="primaryKey"?>
parentId,    id,           loadOrder
MENU_A,      HOW_TO_COMPONENTS, 1000
HOW_TO_COMPONENTS, ANNUITY_DISPNAME_MAPPING, 10
<@end@>
<@dynamicdata CoreMenuItemsFlags@>
id,           flags
HOW_TO_COMPONENTS, isLoggedIn
ANNUITY_DISPNAME_MAPPING, isLoggedIn
<@end@>
<@dynamicdata CoreMenuItemsImages@>
id,           image,                imageOpen
HOW_TO_COMPONENTS,     ScsPageItem.gif,
ANNUITY_DISPNAME_MAPPING,     ScsPageItem.gif,
<@end@>
<@dynamicdata ampcustom_menu_items_template_data@>
<?commatable indexedColumns="id"?>
id,                  parentId,    linkType,        flags
HOW_TO_COMPONENTS_LINK_TEMPLATE, HOW_TO_COMPONENTS, external,
<@end@>
<@dynamichtml custom_navigation_menu_items@>
<$include super.custom_navigation_menu_items$>
<$urlCount = 0$>
<$if utLoadResultSet("pne_portal", "PersonalURLS")$>
<$if rsFirst("PersonalURLS")$>
<$loop PersonalURLS$>
<$ddAppendIndexedColumnResultSet("ampcustom_menu_items_template_data", "NavigationMenuItems", "id", "HOW_TO_COMPONENTS_LINK_TEMPLATE")$>
<$rsLast("NavigationMenuItems")$>
<$NavigationMenuItems.id = "HOW_TO_COMPONENTS_" & urlCount$>
<$NavigationMenuItems.label = js(title)$>
<$NavigationMenuItems.linkData = js(website)$>
<$NavigationMenuItems.loadOrder = urlCount$>
<$urlCount = urlCount + 1$>
<$endloop$>
<$endif$>
<$endif$>
<@end@>
</body>
</html>
Thanks

Declaratively adding a custom component

Similar Messages

Maybe you are looking for