Use Alchemy to create a Flex HTML Component ?

Hi,
would it be possible to create a HTML rendering component for Flex using Alchemy ?

Please show your support for this needed component by voting on this issue:
http://bugs.adobe.com/jira/browse/SDK-13740
Deeanna
Lead Flex Developer
http://www.pups-seeking-homes.com

Similar Messages

HTML component blinking cursor and combobox problems

Hi there.
I have a problem using a website displayed with the HTML component in a spark window. In any textfield in this homepage there is no blinking cursor displayed which is not really a problem but is still pretty confusing to the users. Another issue comes up with the comboboxes where the possible choices cannot be clicked with the mouse. Choosing an entry with the keyboard is possible though.
To reproduce this issue, add a html component in a spark window and load for example http://www.ard.de. The cursor is blinking in the search textfield in the top left. After clicking on the combobox on the left side - where i can't choose an entry with the mouse - the cursor in the textfield is no longer displayed.
Is this a known issue?
Best regards

Hi,
I've looked at your example and found the following 2 issues:
1. The cursor not appearing was actually a focus issue and you can fix it by adding an event listener on "windowActivate" in which to re-set the focus to the _htmlWindow. See the code below for more details on "onActivate()"
2. The issue with the dropdown is actually a bug (internal bug id #2721855) and it has been fixed in the next version of AIR which will be released towards the end of this year.
<?xml version="1.0" encoding="utf-8"?>
<s:Window xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:mx="library://ns.adobe.com/flex/mx"
          windowDeactivate="onDeactivate()"
          windowActivate="onActivate()"
          alwaysInFront="true"
          showStatusBar="false"
          title="WebKit Browser"
          creationComplete="onCreationComplete()">
     <fx:Declarations>
          
     </fx:Declarations>
     <fx:Script>
          <![CDATA[
               import flash.profiler.showRedrawRegions;
               import mx.controls.Alert;
               import mx.managers.CursorManager;
               import mx.managers.HistoryManager;
               [Bindable]
               private var _location:String;
               private function onCreationComplete():void {
                    nativeWindow.x = Capabilities.screenResolutionX * 0.1;
                    nativeWindow.y = Capabilities.screenResolutionY * 0.1;
                    nativeWindow.width = Capabilities.screenResolutionX * 0.8;
                    nativeWindow.height = Capabilities.screenResolutionY * 0.8;
                        // call this function on "windowActivate" in order to re-set the focus on your html element
               private function onActivate():void {
                    _htmlWindow.setFocus();
               private function onDeactivate():void {
                    try {
                         if (nativeWindow)
                              nativeWindow.activate();
                    } catch (e:Error) { // nativeWindow Object not yet available
               public function set location(value:String):void {
                    _location = value;
                    showStatusBar = false;
                    status = "Lade " + value + "...";
                    CursorManager.setBusyCursor();
               public function get location():String {
                    return _location;
               private function onHTMLComplete():void {
                    CursorManager.removeBusyCursor();
                    showStatusBar = false;
               private function uncaughtScriptExecution(e:HTMLUncaughtScriptExceptionEvent):void {
                    CursorManager.removeBusyCursor();
                    Alert.show("Scriptfehler: " + e.exceptionValue, "Error", Alert.OK);
          ]]>
     </fx:Script>
     <mx:HTML id="_htmlWindow"
                width="100%"
                height="100%"
                runtimeApplicationDomain="{ApplicationDomain.currentDomain}"
                complete="onHTMLComplete()"
                location="{_location}"
                uncaughtScriptException="uncaughtScriptExecution(event)">
     </mx:HTML>
</s:Window>
Regards,
Catalin

Flex DataGrid Component

Can i extend the Flex DataGrid using ActionScript and create as Add-On Component ?

I've been trying to get this to work. But i'm having issues Not sure if it's related to the Array binding limitation mentioned in the release notes. Maybe someone else has some ideas.
I'm trying to bind to the dataProvider property of the DataGrid. That way when the user in Xcelsius selects a range, it will bind the data in the excel sheet to the DataGrid.
Problem is that i'm only getting one value to update (specifically the top value). At this time i'm only trying to bind a single column of data.
I noted that the commitProperties function gets called whenever a cell changes that i'm bound to, but the dataProvider is only receiving the first value of the array. Even odder is that the ArrayCollection that i receive simply looks like this:
commitProp:dataProvider=(mx.collections::ArrayCollection)#0
filterFunction = (null)
length = 1
list = (mx.collections::ArrayList)#1
    length = 1
    source = (Array)#2
      [0] 1
    uid = "A37C62CC-F3DC-E1B1-8159-CE984C2CCE33"
sort = (null)
source = (Array)#2
So i see that i get an array collection of ArrayList objects, the first one of which simple contains the value in the excell sheet "1".
I noted that the proxy.bind function has a parameter called "chain", maybe this is what i need to get multiple value binding? The documentation for the calls are pretty basic, which is understandable as this is new technology.
So anyone have some ideas? Maybe someone from BO who is apart of the SDK group can comment?

HTML component scrolling (verticalScrollPosition/scrollv)

I'm trying to use an HTML component to do some of the rendering in my application and I need to be able to scroll the content to the bottom as things get added to it. It looks like I should be able to use the verticalScrollPosition property of the HTML component (which should correctly set the scrollV property on the htmlLoader). However, when I do this, I see the scrollbar jump to the bottom go immediately back to the top.
I'm logging the scrollV value of the htmlLoader when I do this and it looks like it's being set correctly (contentHeight - htmlLoader.height). On successive calls to set the verticalScrollPosition property, I can see that scrollV had been set correctly.
Anyone know what might be going wrong or encountered this problem before?

So, I think I figured this one out. I was setting the htmlText property of my HTML component when I wanted to add content. However, doing this causes the whole thing to redraw and scroll to the top. Unfortunately, this meant that I had to wait until getting an HTML_RENDER event before I could rescroll to the bottom and that sometimes even then it didn't work.
Instead, I now do everything using functions on the HTML DOM through ActionScript. So, instead of saying:
      htmlText += "<p>blah<p>"
I am now using:
     var p:* = html.htmlLoader.window.document.createElement('p');
     p.innerHTML = 'blah';
     html.htmlLoader.window.document.body.appendChild(p);
This keeps the existing html content intact and allows scrolling to work much better. It's just a little more lengthy in terms of amount of code.

Is there a way I can use Catalyst to create my custom flex components but make compatible with 3.5

I am new to Catalyst and looking for a way to create components in Catalyst to be compatible with an existing application created in SDK 3.5.
I am working on a project for a client to reskin an existing flex application done in SDK 3.5, but they are not ready to migrate yet to SDK 4.0.
I really want ot use Catalyst to create some custom components for the new style of this existing application, but the problem is the that the spark component architecture and the old version 3.5 are not compatible. Is there a way around this until they are ready to migrate to 4.0 or will I have to create my components in flash and bring them into flashbuilder with a swc this way instead? What would be the best approach for me at this point, please help?

No. Flash Catalyst leverages the new component framework that was introduced in 4.0 (aka Spark). Flex 3.5 and earlier used a framework (referred to as MX or Halo). That framework is incompatible with Flash Catalyst.
Chris

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.

Html snippet not working; created from Taco html edit Component Library

Ok, I've searched for days on the discussion board for the answer to this one..... hopefully someone can give me a couple of pointers....
I have a component created from Taco html edit Component Library that I cannot get to work as an inserted snippet into iWeb 3.0.2.
Why can't I get this to work? I've seen first hand that they work on someone else's website that she constructs in html directly, not using iWeb. Any help greatly appreciated.
Taco created three files. They are:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
Here is the code:
<html>
<head>
<title></title>
<script type="text/javascript" src="Scripts/TSWAccordion.js"></script>
<script type="text/javascript" src="Scripts/TSWDomUtils.js"></script>
<link rel="stylesheet" type="text/css" href="Scripts/TSWAccordion.css" />

<style type="text/css">
#myAccordion.tswAccordion
width: 200px;
height: 400px;
background-color: #f0f0f0;
#myAccordion .tswAccordionActiveSection, #myAccordion .tswAccordionInactiveSection
background-color: #f0f0f0;
width: 100%;
height: 400px;
#myAccordion .tswAccordionHeader
text-align: center;
padding: 2px;
font-family: Verdana;
font-size: 16.0px;
#myAccordion .tswAccordionActiveSection .tswAccordionHeader
background-color: #7086aa;
color: #ffffff;
border: 1px solid #cccccc;
#myAccordion .tswAccordionInactiveSection .tswAccordionHeader
background-color: #f0f0f0;
color: #000000;
border: 1px solid #cccccc;
#myAccordion .tswAccordionHeader
#myAccordion .tswAccordionBody
padding: 5px;
</style>

</head>
<body>

Title 1

Title 2

Title 3

<script type="text/javascript">
var accordion = tswAccordionGetForId('myAccordion');
</script>

</body>
</html>

You need to upload these three files in a folder to the root folder on your server:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
The folder cannot be named "Scripts" as shown in your code as you already have one of that name.
Say it is named "Accordion". You then need to give the absolute URL to these files rather than the relative one shown in the code....
http://www.yourdomainname.com/Accordion/TSWAccordion.css
http://www.yourdomainname.com/Accordion/TSWDomUtils.js
http://www.yourdomainname.com/Accordion/TSWAccordion.js

Can I create a HTML component?

I haven't actually used/configured the IPlanet portal, but I have used Websphere. A collegue of mine said that we couldn't create any HTML component? and it took him 2 days to put a HelloWorld Servlet into the portal? it sounds really ridiculous if it's true?
Thanks & regards
Thinh

I really dont know what do you mean by HTML component but I dont think its very hard to deploy a servlet and make it work on portal server. Actually, you can deploy a servlet as a channel in portal or just deploy a servlet to web server which is embeded by portal. if you have the experience of writing servlet, I believe it would not take you more than a hour to make the hello world servlet work. good luck.

Is there a way I can use Catalyst to create my custom flex components but make it compatible with SD

I am new to Catalyst and looking for a way to create components in Catalyst to be compatible with an existing application created in SDK 3.5.
I am working on a project for a client to reskin an existing flex application done in SDK 3.5, but they are not ready to migrate yet to SDK 4.0.
I really want ot use Catalyst to create some custom components for the new style of this existing application, but the problem is the that the spark component architecture and the old version 3.5 are not compatible. Is there a way around this until they are ready to migrate to 4.0 or will I have to create my components in flash and bring them into flashbuilder with a swc this way instead? What would be the best approach for me at this point, please help?

No. Flash Catalyst leverages the new component framework that was introduced in 4.0 (aka Spark). Flex 3.5 and earlier used a framework (referred to as MX or Halo). That framework is incompatible with Flash Catalyst.
Chris

How to create hyperlink in Html page using Java

Hello every one
I want to know that how can I create a hyperlink in Html page using java ?
Let for example
I have code like this and i want to give hyperlink to it using java.
rember that i am creating node using this id="name" which give me multiple value. and i want to assign diff link to each name..?
<tr>
<td ><span id="name"></span>
</tr>

but i m using this code to create node in html file
HTMLLIElement li = (HTMLLIElement)appHTML.createElement("LI");
Text txt = appHTML.createTextNode(name);
li.appendChild(txt);
appHTML.getElementById("name").appendChild(li);
this will display all name value which is coming from database,
and i want to assign a hyperlink to it,
I have id with name also so I thought that using id i will
create javascript like
function popup(id)
     if(id==1)
          var n1 = window.open("../list/name1.html");
     if(id==2)
          var n1 = window.open("../list/name2.html");
this way i want to popup particular file if i can pass id value in this function
so want hyperlink like
name

Using Dreamweaver to create AIR app from HTML site, FLV loaded by placed SWF not loading

Hello.
I'm using Dreamweaver to create an HTML-based site that has pages with FLV-based videos that are loaded using a SWF file. The SWF file is just the player / skin. When I preview or publish to AIR, the videos do not show up. I'm sure others have asked how to accomplish this but I'm having difficulty finding the solution to this issue. Can someone share with them their solution please?
Thank you!
Robert

Steveejay, I was having the same problem. It turns out that
mine didn't like the fact that I was using the "POST" method in my
loadMovie() call. I changed them to "GET", and it works fine in the
web page now. Just doesn't work when previewing in Flash.

How can I use forms to create a printable document or an html page?

This question may be a little confusing, so below is a link to an example of what I want to create using Dreamweaver.
http://www.howard.edu/technology/info/web/hosting/request/default.htm
On this webpage, the user is asked to fill in the forms with their info and when they press "view printable form", a html page using the info that was inputted is created for the user to print and sign.
So, I basically want to create the exact same thing in Dreamweaver - any suggestions? Any help is greatly appreciated.
Thanks in advance.
Jonathan

How can I use java to create a shortcut on a surfers
desktop?
A surfer clicks on a link and it creates a shortcut
back to a certain website and/or a shortcut is created
on load
thanks
You have to sign your applet to create files... and thank god too. I hate it when web pages add shiite to my desktop.

Using a swf generated by Flex from a Flash component

I know you can include and control a swf generated by Flash
within a Flex component. But can you do the inverse? Can you use a
swf generated by Flex within a Flash project/component?
We plan to develop a "core" module that would be used in a
lot of other Flash and Flex components we'll develop in the future.
This core would be a package of classes that could be easily
re-used by the components. There would be nothing visual in it,
only standard classes.
Even if this core would not contain any visual components, we
would like to develop it using Flex since we prefere Flex Builder
to the Flash editor to code and debug.
But I'm not sure if:
1) A core module like this, developped in Flex, could be used
by our Flash components or only by other Flex components?
2) If we use Flex to generated this core, will the resulting
.swf be bigger than if we would have used Flash to develop it?
Since there will be no Flex visual components in it, maybe it will
be as small? Is there a compiler parameter to tell Flex to only
include the minimum things possible in the generated .swf?
Any help or link about this would be really appreciated!
Thanks you in advance!
P.S. I apologize to those aware that this message was also
posted on another Flex related forum, but I received no reply on
it!

try this. for me it has worked.
import flash.net.URLRequest;
import flash.utils.Timer;
var loader:Loader = new Loader();
var timer:Timer;
var myclip:MovieClip;
//load the Flex Component
loader.load(new URLRequest("IS.swf"));
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,
loaderDone);
addChild(loader);
function loaderDone(e:Event) {
timer = new Timer(100);
timer.addEventListener(TimerEvent.TIMER, handleTimer)
timer.start();
function handleTimer(event:TimerEvent):void {
//cast the loader.content into MovieClip to access
currentFrame.
myclip = loader.content as MovieClip;
if (myclip.currentFrame == 2)
however, i need to access properties of IS.mxml..
any data member would work..
or if i could dispatch an event in IS.mxml and catch it in
flash through IS.swf, it would work.
Pls somebody suggest.

[svn] 762: -update the 3.0 branch to use build. properties to create the flex-sdk-description.xml

Revision: 762
Author: [email protected]
Date: 2008-03-10 07:44:49 -0700 (Mon, 10 Mar 2008)
Log Message:
-update the 3.0 branch to use build.properties to create the flex-sdk-description.xml
Modified Paths:
flex/sdk/branches/3.0.x/build.properties
flex/sdk/branches/3.0.x/build.xml
Added Paths:
flex/sdk/branches/3.0.x/collateral/en_US/flex-sdk-description.xml

By the way, simply adding the quotes around the lexical names in the sql statement doesn't work. That causes the lexical references to be ignored as simple string values:
SELECT
   '&FLEX_GL_BALANCING_APROMPT' alias_gl_balancing_aprompt
,'&FLEX_GL_ACCOUNT_LPROMPT'   alias_gl_account_lprompt
,'&ACCT_BAL_LPROMPT'          alias_acct_bal_lprompt
FROM dualI turned on statement-level debugging via xdodebug.cfg and saw how it compiled the lexicals. By replicating the call to apps.fnd_flex_xml_publisher_apis.kff_segments_metadata that I found there, I was able to hack together a workaround for this issue.
Please point me to a better way of doing this if possible, as I had to GRANT EXECUTE on this apps package to my custom code schema. Is there a better lexical/flexfields reference than the XML Publisher documentation?
Here is the call I made in my before-report trigger:
--set ACCT_BAL_LPROMPT flexfield segment metadata lexical
begin
apps.fnd_flex_xml_publisher_apis.kff_segments_metadata(
'FLEX_ACCT_BAL_LPROMPT',
'SQLGL',
'GL#',
101,
'GL_BALANCING',
'Y',
'LEFT_PROMPT',
c_FLEX_ACCT_BAL_LPROMPT
end;

Flex Hero - Links in HTML component does not works.

WebView-app.xml
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<application xmlns="http://ns.adobe.com/air/application/2.5">
WebView.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<mx:HTML location="http://google.com/" />
</s:WindowedApplication>
I can see google homepage in my test desktop application.
But all links are not work in html document.
Flex 4.0 and 4.1 SDK works well. Only Flex Hero has this problem.
How can I fix it?
Thanks.

Hi Kevin,
I had the same problem. This 4.5 build from 11/30/2010 fixed the HTML component issue.
http://opensource.adobe.com/wiki/display/flexsdk/download?build=4.5.0.18623&pkgtype=1

Use Alchemy to create a Flex HTML Component ?

Similar Messages

Maybe you are looking for