How do I reuse a custom component in Flash Catalyst?

All-
I'm sure this is easy, I simply can't figure it out. I've created a custom component in Flash Catalyst with two states, open and closed. I'd like to reuse this component in my app with different text assest. How is this done? Duplicating the component isn't available in this version...do I need to recreate the whole thing with different text?
Cheers,
`me

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

Similar Messages

Importing a custom component from Flash Catalyst with Assets

I am experimenting with Flash Catalyst to see if it would work well for us to create components for Flash Builder to use. As a test I created a very simple component with a Pie Chart and a button and exported it as a fxpl file. In Flash Builder I created a Flex library project and imported the component to it. When I tried to use the component in a trivial test app it gave me an error, saying 'Could not resolve <graphics:fc_pie> to a component implementation', presumably because it had not put the component files in the right place of the library tree - by default they were put in a folder at the same level as components but with the name of the component, below which it had a components folder and an assets folder. If I move the files in these folders to the corresponding folders under src then it works fine.
The question is, how do I get Flash Builder to do this correctly? I assume I'm missing something obvious but I am a real Flash Builder Novice and this process is about evaluating which tools to use. Sorry if I'm being a numpty. I'm using Flash builder 4.5 and Flash Catalyst CS5.5.
Any help much appreciated.

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

Using Flash Catalyst Custom Component in Flash Builder

I created a custom component in Flash Catalyst that is intended to be used in the way that one would use a BorderContainer in Flex/Flash Builder. Can anyone advise me how I might go about doing this?
many thanks,
Mark

And also there's a lot of new content to help every one started at http://www.adobe.com/devnet
If you're a CF/Flex developer you're gonna enjoy the new content here too
http://www.adobe.com/devnet/flex/flex_cf.html?devcon=f3

How do I reuse a custom java control in another project?

Relatively simple question, but I am having a lot of trouble with this. Documentation
alludes to this being possible and easy, but never says how (and the only tutorials
I can find describe creating a custom java control in the same project where they
are used):
"You can design a custom control for use in one project, or you can design a custom
control for easy reuse in multiple projects." (from WLS docs on Java Controls)
"When the control project builds, all of the controls and associated files are
compiled into a single jar file and pushed onto the classpath of the containing
application for immediate use and testing by other projects in the application.
This jar is self-contained and can be moved to any other application by adding
it to the application’s Library folder. Appropriately marked controls in the Library
it will automatically appear on the user’s palette, ready for incorporation into
an application." (from dev2dev article on controls, P. Hussey)
I have a Workshop application which contains a few projects. One project is a
component project, another is a web project. I created a custom java control in
the control project and built it (JAR appeared in the Libraries folder). Now I
open up the page flow in my web app project, and try to drag the java control
onto my page flow - but I get an eror that the control must reside in the same
project! It does not automatically appear on my palate, so if I go over to the
palate on the right, and try to "add control" I only get a list containing the
BEA controls - no custom controls are listed.
What am I doing wrong? How can I incorporate my custom control into a web project?
I don't want to move the control in the web project, since this contradicts the
concept of a separate shared library. I should be able to build a library of controls
and reuse them in our web projects right?
-Bob

Please disregard... I got it to work. For some reason I had to close Workshop,
restart it, then I reloaded the application, rebuilt the control project, and
now my control appears in the list of controls and can be easliy added to the
palette.
"Bob" <[email protected]> wrote:
>
Relatively simple question, but I am having a lot of trouble with this.
Documentation
alludes to this being possible and easy, but never says how (and the
only tutorials
I can find describe creating a custom java control in the same project
where they
are used):
"You can design a custom control for use in one project, or you can design
a custom
control for easy reuse in multiple projects." (from WLS docs on Java
Controls)
"When the control project builds, all of the controls and associated
files are
compiled into a single jar file and pushed onto the classpath of the
containing
application for immediate use and testing by other projects in the application.
This jar is self-contained and can be moved to any other application
by adding
it to the application’s Library folder. Appropriately marked controls
in the Library
it will automatically appear on the user’s palette, ready for incorporation
into
an application." (from dev2dev article on controls, P. Hussey)
I have a Workshop application which contains a few projects. One project
is a
component project, another is a web project. I created a custom java
control in
the control project and built it (JAR appeared in the Libraries folder).
Now I
open up the page flow in my web app project, and try to drag the java
control
onto my page flow - but I get an eror that the control must reside in
the same
project! It does not automatically appear on my palate, so if I go over
to the
palate on the right, and try to "add control" I only get a list containing
the
BEA controls - no custom controls are listed.
What am I doing wrong? How can I incorporate my custom control into a
web project?
I don't want to move the control in the web project, since this contradicts
the
concept of a separate shared library. I should be able to build a library
of controls
and reuse them in our web projects right?
-Bob

How do you reference a valueObject located in main to a custom component created in Catalyst?

Hello,
I have been working with the Catalyst Beta 2 / Flash Builder beta trying to create a photogallery and have hit a little bit of a snag, try as I might I can't seem to find the answer anywhere. I am still new to Flex so please excuse me if this is a basic question, I have been trying to understand more about Flex to make my designs in Catalyst better.
I found this video on Adobe TV: http://tv.adobe.com/watch/rich-internet-applications-101/ria-stepbystep-16-binding-a-data- service-to-flash-builder-components/
It's wonderful and I have the datalist I created in Catalyst working with the XML file I generated but I designed my little photogallery a bit diffrent, I created a Custom Component in Catalyst so that when you click an item on the DataList it pop's up a little screen with a larger photo in on it, rather then having an image in the main application. Now my problem seems to be that I can't refrence the valueObject I created with the wizard as it's in my Main.mxml file, is there a way to refrence it from my Custom Component so the larger image will display? Is there a way to let the component know which item on the dataList in the main application is selected and display the correct image?
I should also say I really enjoy working with the Beta for both Flash Builder / Catalyst, thanks for the hard work!
Thanks for the help,
Chris

I am afraid you cannot bind to static properties in Windows Store Apps. It is simply not supported.
You could create a proxy class that exposes the static command property and bind to this property of an instance of the proxy object:
http://stackoverflow.com/questions/14186175/bind-to-a-static-field-in-windows-8-xaml
http://stackoverflow.com/questions/4708711/how-can-i-use-the-xstatic-extension-for-phone7-silverlight-apps
You will of course have to create an instance of the proxy object. There is no way around this.
Please remember to mark helpful posts as answer to close your threads and then start a new thread if you have a new question.

How Do I Link to Custom Component States From Scrolling Content Buttons?

Hi there, I'm in need of some help as i've got a deadline to meet within the next few weeks and im stuck!
Basically what I've done is i've made a scrolling content lists, containing about 10 products in each one, my plan was to turn each product into a button so that users could click on that product, and take them to a new page containing more detailed information on that product; when they've finished looking at that product they can click a button to return them to the list they were on previously. However I can't just make a brand new state for each product as there is a limit to 20 states, and I will need around 50 of them.
So, from what i've read I will need to create custom components. the only trouble with doing this is that I can't link to the custom component on a different main timeline state (I dont get the option to link to the states of the custom component).
If i put the image of the detailed product into the scroll panel I am able to link to it, however, it's inside the scrolling content and it just scrolls around and stuff which isn't what I want; as it makes it look messy.
- Basically I just need to link from the buttons in the scrolling list, to a more detailed page for that product. Then be able to return to the list using a button.
If anybody has any input on how to achieve this, please help me out. Starting to panic now as this needs to be finished before september :s
Btw i'm happy to share my .fxp file it that helps.
Thanks alot, Hoping for some helpful replies on this topic
- Tom

Hi Tom,
Adding this back here to share my wireframe with the community.
Have put a quick .fxp together based on the 'product' section of your project.
Take a look at how the product lists are linking into the product detail pages within their custom components.
Using this model you should be able to expand out to infinite product detail states. If a particular product area has more than the maximum allowed states, just start a new custom component (part 2 for that product section).
Let me know if you have any questions. Hope this sets you on a path to getting your project complete. It's looking nice.
Tanya

How can I make a custom component focusable?

Hi all,
I'm using a custom made component that consists of a JLabel
and a JTextField. I want to make this component focusable,
and when it's in focus I want the JTextField to have the
focus so that the user can start typing immediately.
I've looked at the java tutorial
(http://java.sun.com/docs/books/tutorial/uiswing/misc/focus.html#focusable).
When my component gets the focus I request the focus to the
JTextField. The problem is: whenever i check if my custom
component has the focus, it hasn't because JTextField has it
(the focus, i mean :-) ) Which isn't strange i think, but
how can i solve this problem?

I want to make this component focusable, and when it's in focus I want the JTextField to have the focus
The problem is: whenever i check if my custom component has the focus, it hasn't because JTextField has it (the focus, i mean :-) So whats the problem the textField has focus as desired.
You don't need to make the containing panel focusable in order for the text field to receive focus. The FocusManager is smart enough to place focus on the first focusable component contained in the panel. If you make the panel focusable then you will need to use the tab key twice, once to move focus to the panel and a second time to move focus to the text field.

How to use a flex custom component in an AS3 Class?

Our software team has been developing flash applications using AS3 (via the FlashDevelop IDE and the free Flex SDK). Recently, some members of the team started exploring FlexBuilder and Flex (wow... why did we wait so long?). The problem is that some folks continue to develop using pure Action Script 3 (FlashDevelop) while others are creating custom components in FlexBuilder.
How do the AS3 developers use the Flex Custom components built in FlexBuilder in their AS3 Applications?

SwapnilVJ,
Your suggestions enabled me to make progress, but I'm still having a problem. Based on you suggestion, I learned how to make a swc using Flex Builder. I successfully added the swc to the lib resource in my AS3 project (FlashDevelop). I was able to instantiate one of my new components (code hinting even picked it up from the lib).
When I run my app, my component is not visible. I can trace properties of it and the values are correct. Any thought why I might not be seeing my custom component?
package trainer.games.board.MatchThree {
import flash.display.Sprite;
public class Test extends Sprite{
private var cp:MatchingGameControlPanel; // <<< this is my swc custom component created in Flex
public function Test() {
   cp = new MatchingGameControlPanel();
   cp.visible = true;
   addChild(cp);
   trace("width: ",cp.width); // <<< works and displays valid data for the component.

How to handle children of custom component

Hi,
does anybody know an example of how to develop a custom UIComponent which is able to render any kind of child? For example:
<x:mycomponent columns="3" valu="#{list-of-items} var="item">
<h:graphicImage url="#{item.url}/>
<h:selectBooleanCheckbox />
</x:mycomponent>
The result should be a table with 3 columns where each table-cell contains the result of the rendering process of its children, in this case a picture with a checkbox.
I have tried it and managed to get the correct html-result. But I do not get the input of the checkbox if the above code snippet is a part of a html-form.
So what I realy like to have is the sourcecode of some kind of UIComponent which does something like this.
Kind Regards,
Tobias

Thanks for the swift reply Craig
My custom component has 3 elements hence the currentTarget
could be either the folder icon, the status icon or the text field.
Is there some way of finding the parent of which ever of
these sub items of the cusom component is clicked?
Here is the code for my custom component
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="240" height="60" cornerRadius="15" borderStyle="none"
backgroundColor="#ffffff" themeColor="#ff0000">
<mx:Script>
<![CDATA[
[Bindable]
public var studentName:String ="Student Name";
]]>
</mx:Script>
<mx:Text x="64" y="24" text="{studentName}" />
<mx:SWFLoader x="10" y="10" width="32" height="24"
source="@Embed('assets/folderIcon.swf')" />
<mx:SWFLoader x="19" y="42" width="11" height="11"
source="@Embed('assets/cfStatusIcon.swf')" />
</mx:Canvas>

How do I tie a custom-component to a class?

In flash there's this great way of seperating code from
content: In the properties menu of a movieclip in your library, you
can assign a class name to the movie. So something I very regularly
do is:
class MyMovieClip extends MovieClip{
//etc..
so I'd have all the code that manages my movies nicely tucked
away in some .as files, no code in the fla. That's the way I like
it.
So I was wondering if you can do a similar thing in Flex. I
most definitely don't want the code for my application in the .mxml
file, I actually want to inherit the Application class. Similarly,
I'd like to inherit the Canvas class, yet have the nice gui for
dragging all the visuall elements in place. Is there a way?
Regard, and thanks in advance,
Karel

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

How do I automate a custom component not implementing UIComponent?

I have tried using Adobe's instructions for automating custom components by creating a delegate class to use as a mixin, but
1) the super() statement in the delegate of the constructor is not recognized by the compiler,
2) I am not able to use a DisplayObject as an argument to init(),
3) I am not able to return the custom component as a IAutomationObject from the parent component's getAutomationChildAt method.
Is it simply not possible to automate a custom component not implementing UIComponent?

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

How to manage focus in custom component

Hallo. As you know some flex components have native focus, like buttons, textinput etc.. I have created a custom component which is a borderContainer.. As you know, by default, if user press TAB my BorderContainer will never receive the focus.. I tryied to set some property like setFocus() and tabFobusEnabled to true but i still have some focus problems with my borderContainer .. It is like my App knows that my Custom component is not a native component.. Is there a way for my component to receive focus without problems??.. Which is the best way for doing that??
Thx a lot
Max

Components must implement IFocusManagerComponent in order to receive focus.

How do I duplicate a custom component w/minor change?

I want to use the same custom component created in Flex in Xcelsius with a slight modification from the original, but the Add on Manager is saying it is a duplicate. What do I need to change in the code to resolve this?

i was always having the same issue before
1. change the class name into the Flex Code
2. DONT copy paste the Add on Manager FIle, XLP,,, you have to create a new one :)... this is the idea
3. give a new name into the Add on Manager.
thanks
Amr

Can I import a custom component from Flash 8 into Flex?

'm creating a custom Flash Video Playback component in Flash
8 using AS2. I understand that I cannot import this to Flex as
stated in Livedocs: "You can use SWC files created in Flash 8 only
for skinning, not as components. Until the next version of Flash is
released, you can only use SWC files created in Flex 2 as
components."
But now that Flash 8 supports AS3 with the new Adobe Labs
add-on, if I create the custom component using AS3 in Flash 8, can
I then import it and use it in Flex 2.0.1?
Any help is appreciated,
Thanks!

I was going through my libraries trying to find the quick test I did when I was dabbling with the kit and I can't find it anywhere at all.
If I recall this was the pdf that I read to get it to work properly with CS3 and Flex 3 I don't know if you have read it already or if it will help, but it is the only thing I know for sure helped with the process.
http://download.macromedia.com/pub/labs/flex/3/flexbuilder3_componentkit_docs_121207.pdf

How to test and configure custom extensions in Flash Pro CC?

Hi,
How do you install custom CS extensions in Flash Pro CC for testing and debugging before they have been signed and packaged?
We have a custom extension for Flash Pro developed in-house using the CS SDK that we've been using with flash pro CS5 and CS6 but we're having trouble getting it to work in CC and I'd like to run it locally in test/debug mode.
With flash pro CS6 and CS5 it was possible to test extensions by copying the output folder from flash builder into the CS Service Manager root folder (e.g. /Users/<username>/Library/Application Support/Adobe/CS6ServiceManager) and setting PlayerDebugMode to 1 in the CSXS preferences.
I've added the PlayerDebugMode=1 flag to com.adobe.CSXS.4.plist however, I can't find the equivalent service manager folder for Flash Pro CC to copy the extension into.
Is there a different folder to use for CC or is the process for testing extensions completely different? (are extensions written in the CS SDK even compatible with CC?)
I'm running Mac OS Lion.
Thanks,
Stephen

Thanks, that explains a lot.
I'm afraid I'm a bit confused about what the preferred way of developing extensions is going ahead. There seems to be a lot of conflicting documentation on the adobe site, e.g. http://www.adobe.com/devnet/creativesuite.html seems like the top page for extension documentation but it only talks about CS SDK 2.0 which uses CSXS and doesn't seem to be compatible with creative cloud apps.
Then there's CS Extension Builder 2.1 which looks like it supports Flash Pro CC but isn't mentioned in the pages you linked too and it doesn't mention JSFL, but talks about the CSAW library.
Do you know if:
* The CS SDK has been dropped completely?
* CS Extenstion Builder is deprecated? (I can't see it as an option in the list of Creative Cloud apps)
* Is then any documentation/utilities to help migrate existing CSXS extensions to work with creative cloud apps?
Thanks,
Stephen

How do I reuse a custom component in Flash Catalyst?

Similar Messages

Maybe you are looking for