Flex to HTML

I'm totally new to Flex I just want to know if I can send a
value to a hidden HTML text input from flex?

Thanks allot for your reply... My problem is that I can not
in anyway change the HTML. These limitations are because I'm
working on an integration between Oracle BI Publisher and Flex. All
I can do is have the swf file embedded in the HTML page which
contains this hidden input textbox. I can not add my own javascript
to the HTML so I wish to directly write to the textbox. Is that
possible?

Similar Messages

How to tell the difference of Flex or HTML sites

How can I tell whether a web site is developed with Flex or
HTML?
Is this Flex Forum based on Flex?

There will always be an <object> and/or <embed>
tag containing the swf file. You would also be able to search the
source for the page for swf to see if there were any, or possibly
SWFObject or similar for embeds created with Javascript support.
Doing this in Firebug for Firefox, or in Opera using the 'generate
on the fly view of the DOM setting' or whatever tends to show the
page as it is now, which would get around javascript loading
issues.
THere is a free utility for Sothink called SWF Catcher that
I've used, and presumably others like it.

Flex and HTML display shift in Safari in Mac OS

When a popup is displayed in Flex app, the Flex display gets shifted down in Safari in Mac OS alone. However, even if the display is shifted down, the controls seem to be in the correct position. For example, for clicking a button, the cursor has to be some pixels above the shown display. Not only the Flex display shifts down. HTML Links display also shifts down along with Flex and Links are clickable some pixels above the display.
The problem happens only while triggering the Flex popup display in long flex screen. On a Flex screen within the browser height, with the same actionscript and Javacsript code, there is no problem.
This works fine in all other browsers including Safari in windows.
Has anyone faced this scenario? Any help will be highly appreciated.
For the popup to be displayed in center of viewable area, the following code is used.
callLater(SMBObjectUtil.changePosition,args);
In SMBObjectUtil.as file,
public static function changePosition(x:int, y:int, obj:UIComponent):void {
     var yPos:int = ExternalInterface.call("findScrollTop");      var winHeight:int = ExternalInterface.call("getWindowHeight");
     var appHeight:int = Application.application.height;
     var objectWidth:int = obj.width;
     var objectHeight:int = obj.height;
     var calculatedX:int = 0;
     var calculatedY:int = 0;
     if(Application.application.width>obj.width) {
          try {               calculatedX = (Application.application.width - obj.width)/2;
               if(yPos <= 0){                    calculatedY = ((winHeight-objectHeight)/2-100)>0?(winHeight-objectHeight)/2-100:50;
else if(yPos<=(appHeight-winHeight)){                    calculatedY = (((winHeight-objectHeight)/2)+yPos-100)>0?((winHeight-objectHeight)/2)+yPos-100:50;
else if(yPos>(appHeight-winHeight)){                    calculatedY = appHeight - objectHeight - (winHeight-objectHeight)/2;
          catch(e:Error){          }
     }else {
obj.x = calculatedX;
obj.y = calculatedY;
Javascript functions used are:
function findScrollTop()
var ScrollTop = document.body.scrollTop;
if (ScrollTop == 0)
   if (window.pageYOffset)
    ScrollTop = window.pageYOffset;
   else
    ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
return ScrollTop;
function getWindowHeight()
var y = 0;
if (self.innerHeight) {
   y = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
   y = document.documentElement.clientHeight;
} else if (document.body) {
   y = document.body.clientHeight;
return y;

Found a fix for this. CallLater() was giving the problem in Safari. Once I removed CallLater and directly called my function, the problem was resolved.

Flex Ant html-wrapper task

http://labs.adobe.com/wiki/index.php/Flex_Ant_Tasks
Isn't there a way to use a CUSTOM template instead of one of
the predefined ones?
If you want to add anything additional, like telling the
browser not to cache the swf, or detecting when the browser window
is closed, etc, there doesn't seem to be a way to do this if you're
using this Ant task.
What do people usually do when they need a custom wrapper?
Just use the version that Flex Builder generates, or run the Ant
task one time only and modify from there? Seems to me that this is
a pretty big omission for the html-wrapper task, unless I've missed
something.

Yeah, that's what I'm going to be doing, using Flex Builder's
generated template. Of course this defeats the purpose of the Ant
task completely.
As for making an enhancement request- it's already been done,
and was apparently deemed a waste of time:
http://bugs.adobe.com/jira/browse/SDK-14195
"Deferred" i.e. it was shrugged off as not important. Without
even providing any kind of target date or version for "Deferred"
features, you might as well say "This is indefinitely postponed and
will probably never get done."
Sorry to sound bitter but I've seen too many important
"Deferred" issues with Flex that will probably never be resolved.
Ever since they deferred 50% of refactoring (rename is implemented
in FB3 but move isn't??) I've yet to be impressed with Adobe's
responsiveness on other issues.

Co-mingling Flex and HTML

I have a pretty robust Flex application that I am working on
and I have some Help documentation that is static HTML. I am using
the TabNavigator as my navigation and one of the tabs is this help
documentation. I have a couple of questions now:
1. Can a tab navigator load an HTML page?
2. Is there an eay way to render HTML on a Flex page?
3. What if I had a little dynamic content that was date
specific but my page was largely static text, what would be the
best approach for this page?
Thanks in advance for any help you can provide!!!

i've use the htmlText property of TextArea to some effect.
there are SERIOUS limitations. for example, it's best if you
specify height and width for all your images so that the layout
happens as you expect. it also helps to set the condenseWhiteSpace
property to true.
for my wife's site, i have very static html that i render,
and for the most part it works ok. one thing i hate is that an
image can't be the first thing in the text. dunno why, but i've not
gotten that to work.
my wife's site is:
http://www.frozenfield.net -
to see an example, go to the Field Journal or the Profiles.
there was a guy who wrote an html component that he used to
charge for. i think he's a little disgruntled now because he was
trying to build a small business out it and then adobe came out
with AIR - not sure if you can still get it. but AIR still doesn't
deal with a fully net-deployed situation. so i think there is still
some need for such a component.
./paul

AIR/Flex to HTML

I would like to know about some way to convert AIR/Flex programs into HTML5.
I've read about Google Swiffy but I have programs with AS(Action Script) code, or I can use another way to do this?
tnks.

Hi,
There's no simple way to convert an HTML AIR app to flex.
But it is possible to create HTML Root windows from a Flex
AIR App. By root window, I mean the same kind of window that is
launched when you launch an HTML AIR App.
For more info, look at the HTMLLoader.createRootWindow()
call. (This will be available from a Flex AIR app as well)

Flex ant html-wrapper

I cannot get the Flex ant tasks to run.
I have copied the lib/flexTasks.jar to my project.
- created a Proj-config.xml
- created a Wrapper-build.xml
- created an External Run Config that points to my
Wrapper-build.xml.
I keep getting Exception Occurred Executing Command Line.
No matter what I put in the xml file I get the same error.
Is there anything I can do to see the flexTasks.jar kicking?
<taskdef resource="flexTasks.tasks"
classpath="${basedir}/flexTasks/lib/flexTasks.jar" />
Thanks.j

Yeah, that's what I'm going to be doing, using Flex Builder's
generated template. Of course this defeats the purpose of the Ant
task completely.
As for making an enhancement request- it's already been done,
and was apparently deemed a waste of time:
http://bugs.adobe.com/jira/browse/SDK-14195
"Deferred" i.e. it was shrugged off as not important. Without
even providing any kind of target date or version for "Deferred"
features, you might as well say "This is indefinitely postponed and
will probably never get done."
Sorry to sound bitter but I've seen too many important
"Deferred" issues with Flex that will probably never be resolved.
Ever since they deferred 50% of refactoring (rename is implemented
in FB3 but move isn't??) I've yet to be impressed with Adobe's
responsiveness on other issues.

Flex - Convert html escapes to string

i want to convert this
Error #1083: The prefix "http " for element "//www.c.com::a " is not bound.
to this
Error #1083: The prefix "http" for element "//www.c.com::a" is not bound.
thanks

Regular expressions.

Help needed in adding effects of certain HTML tags in Flex spark Richtext

I want to apply the effects of the following HTML tags/ attributes, in my HTML text rendered in Flex Spark Richtext Component.
Superscript - <sup>
Subscript - <sub>
Blockquotes - <blockquotes>
Ordered Lists - <ol><li>
Unordered List - <ul><li>
Horizontal Rule - <hr>
Direction Attribute for <p> - <p dir="rtl">Hello</p>
Background Color for <font>
I have observed that the above tags have no effect in RichText. Is this a limitation?
Any solutions, tweaks and tricks will be appreciated...
Thanks,
Mangirish

check this out . this should be able to answer you question.
http://livedocs.adobe.com/flex/3/html/help.html?content=textcontrols_04.html
Miguel

Flex 3 Database & Large Html Files

Hi Guys,
New to flex, and I have a question, any help would be much appreaciated, I have a database sql server 2005 I use web orb to connect to it throu flex, I have books stored in this database each page of a book is a seperate record and has html tags throughout it, what I would like to do is display one page at a time to the user and then have them click a button to get to the next record or page, this I could manage in a datagrid I guess but the pages of text are quite large is there a component that would better suit a large page of text such as the text component if so could you give me an example of how to bind my data to it and how to stop the html tags showing up as text, or if I could customize the layout of the datagrid that might be a better solution.
I have posted an attempt to use a text component but have been unsuccessful thus far:
<?xml version="1.0" encoding="utf-8"?>
        <mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%" title="The Lord Is Near">
        <mx:Script>
<![CDATA[
                import mx.collections.ArrayCollection;
                import AlphaOmega.ActiveRecords;
                import AlphaOmega.Alpha_Calendar;
                import mx.controls.TextArea;
                public function GetTodaysLin():ArrayCollection
                        return ActiveRecords.Alpha_Calendar.findBySql("SELECT Cal_ID, Cal_Text, Cal_Date, Cal_MP3 FROM Alpha_Calendar WHERE (Cal_Date = CONVERT(VARCHAR(30), GETDATE(), 102))");
        ]]>
</mx:Script>
        <mx:Text htmlText="{GetTodaysLin}" width="100%" height="100%" id="Lin" />
</mx:Panel>
Thanks

You seem to be using Text with htmlText property. Does that not display the HTML as expected? Remember, Flex supports a sub-set of HTML tags:
Search for" Using tags in HTML text" in this page:
http://livedocs.adobe.com/flex/3/html/help.html?content=textcontrols_04.html
You could just have Next and Back buttons that populate the Text control from the next of previous item in an ArrayCollection, where the items in the ArrayCollection are objects with each page of text.
If this post answered your question or helped, please mark it as such.

How to have HTML tags in Flex app wrapper.

If I put this just below the <body> tag in my Flex app
HTML wrapper, it displays:
<h2>Greg Lafrance</h2>
But if I put that tag just above the ending </body>, it
does not show up.
I'm sure it is something simple, but can someone please
enlighten me?

Hi,
overflow property will tell the browser to hide the content
if it is overflowing the available space. Please find more details
at the URL below.
http://www.w3schools.com/Css/pr_pos_overflow.asp
IE is ignoring this style property and so we have scroll
property for the BODY tag also. As Tracy mentioned, these are set
to make sure Flex application occupies the browser.
Hope this helps.

Using AIR,HTML,Flex

I apologize I might be a little lost as I had to put a
project down to work on another one (as often happens). I though
that you would be able to launch flash/flex from html within the
AIR application, I remember having this problem in early beta and
then saying it was now fixed but for some reason it still doesn't
seem to work ,
has anyone gotten this to work , is there a special way or
tag that is needed
let give you a quick overview,
I am using the AIR application as kind of like a viewer for
other applications that are written in flex this allows me to
launch multiple applications and to give a desktop option to our
clients. however using hte iframe to view them isnt working , is it
the iframe or just the ability to use html/flash
Ray

Hi,
Flash in HTML on AIR has some limitations. The runtime cannot
display SWF or PDF content in transparent windows.
Take a look at this
thread.

When to use Flex Or Flash Or HTML-Javascript

I am Experimenting with Adobe AIR. I know AIR Applications
can be developed either using Html-Javascript Or Flex Or Flash.
But can anybody HELP me understand when do i exactly use Flex
or HTML-JS.
Well i know one of the reason to use Flex is to build
RIA's.What are the other Possible reasons ?? can i draw a Decision
Boundry between them??

The best reason to choose one tool over the other is that you
have something working in that language already, and are just
extending it into the AIR world.
If you're starting a new project, you then have to balance
tools you have and know how to use against the strengths of the
tools. A tool you don't know has to have some pretty compelling
strengths to make you take the time to learn it, unless you're just
doing it for fun. If not for fun, the effort has to pay off, yes?
Very generally speaking, here are the strengths of the tools,
as I see it.
For HTML + Javascript, just look at what you see on the web
today. People are pushing browsers pretty hard these days with web
apps, so that gives you a good first-order idea of the power of
this tool set. The AIR environment does give you some more power,
not just in the AIR APIs, but also in having a single modern
browser to develop for, so you don't have to limit yourself to IE6
compatible code. Still, it's not yet the equal of the other tools
in some areas.
Flash's main advantage over the others is in applications
with lots of graphics and animation. The reason for this is purely
because that's what the Flash authoring environment is geared to
produce. It's not got a very good ActionScript editor, and as a
consequence there's a practical limit on how much code you want to
write in a given project. It's not a question of whether you
can write a 20,000 line ActionScript program within the
Flash environment, it's a question of whether it's better done in
another tool.
One of the best "other tools" when you end up with lots of
code is Flex. With the "Builder", you get Ecipse, and without, you
are presumably using some other worthy programming environment.
But, you give up the graphic and animation tools from Flash, and
you give up a lot of the simplicity of HTML + Javascript.
You can combine them, of course. You could build a whizzy GUI
control in Flash to use in a Flex application which is hosted
inside a web page, for instance.

How do I apply programmatic skins for completely custom drawn components of a Flex library project?

Hello folks,
I am looking for best practices advice when (1) creating
custom components and (2) styling and skinning.
I already know how to skin a component part of the Flex
framework. I can make a class extending ProgrammaticSkin and have
my component skinned using CSS to link the component with the
reference to my custom class.
However what about those cases when you are completely
creating a component from scratch?
Imagine a "Freehand Drawing Canvas" component that allows the
user to draw on it and has some buttons to set color styles, line
styles, etc., or imagine a "Screen Flow Gallery" component that
displays visual objects in a fashion similar to Cover Flow in the
Mac.
In many components I am aware you may reuse other components
part of the Flex framework but I am trying to picture an scenario
where you would need to draw everything yourself because there just
isn't something to base it upon so you will end up drawing it from
scratch.
To learn how instead of building one of those components I
mentioned previously I decided to start with something simple that
would illustrate this like a LiteButton component that will behave
just like the Flex mx.controls.Button but will extend UIComponent
and be completely custom drawn.
The component will have a default look and will also be
style-able and skin-able. I will provide styles for users of the
component to modify and regarding skinning anyone can create a
custom ProgrammaticSkin adding its own drawing logic and link it to
the component via CSS with the ClassReference applied to the skin
selector.
So far so good and it's clear what I want to achieve. I
actually know how to do most of the stuff here but I have one
single problem.
Here is my question, where should I put my custom drawing
logic? If I do it in the updateDisplayList inside the class
extending UIComponent it works, however I thought that it would be
a better practice to do it using programmatic skins, that way I
could provide different skin themes for my component set.
The problem is that I can't make the programmatic work in
this scenario. I tried instantiating the custom programmatic skin
during the updateDisplayList of the LiteButton component and adding
it to my display object via addChild but that didn't do anything. I
also tried creating a "default.css" stylesheet and tried to use
ClassReference as I would normally do to skin an already existing
component (or composite component as well) but that didn't do
anything either.
So how do I apply programmatic skins for completely custom
drawn components of my Flex library project?
I could do it inside the updateDisplayList of the LiteButton
class extending UIComponent but again I would like to provide
different theme sets for my components so it makes sense using
programmatic skins.

"jbucaran" <[email protected]> wrote in
message
news:[email protected]...
> Hello folks,
>
> I am looking for best practices advice when (1) creating
custom components
> and
> (2) styling and skinning.
>
> I already know how to skin a component part of the Flex
framework. I can
> make
> a class extending ProgrammaticSkin and have my component
skinned using CSS
> to
> link the component with the reference to my custom
class.
>
> However what about those cases when you are completely
creating a
> component
> from scratch?
>
> Imagine a "Freehand Drawing Canvas" component that
allows the user to draw
> on
> it and has some buttons to set color styles, line
styles, etc., or imagine
> a
> "Screen Flow Gallery" component that displays visual
objects in a fashion
> similar to Cover Flow in the Mac.
>
> In many components I am aware you may reuse other
components part of the
> Flex
> framework but I am trying to picture an scenario where
you would need to
> draw
> everything yourself because there just isn't something
to base it upon so
> you
> will end up drawing it from scratch.
This may help with that
http://livedocs.adobe.com/flex/3/html/help.html?content=skinstyle_3.html
> To learn how instead of building one of those components
I mentioned
> previously I decided to start with something simple that
would illustrate
> this
> like a LiteButton component that will behave just like
the Flex
> mx.controls.Button but will extend UIComponent and be
completely custom
> drawn.
>
> The component will have a default look and will also be
style-able and
> skin-able. I will provide styles for users of the
component to modify and
> regarding skinning anyone can create a custom
ProgrammaticSkin adding its
> own
> drawing logic and link it to the component via CSS with
the ClassReference
> applied to the skin selector.
>
> So far so good and it's clear what I want to achieve.
Actually after
> playing
> with the weekend and today I know how to do most of the
stuff but I have
> one
> single problem. So here is my question, where should I
provide my custom
> drawing logic? If I do it in the updateDisplayList
inside the class
> extending
> UIComponent it works, however I thought that it would be
a better practice
> to
> do it using programmatic skins, that way I could provide
different skin
> themes
> for my component set.
These aren't mutually exclusive. When you provide a skin with
a
TypeSelector, you have to add it to the display list
somewhere, and this is
typically done in updateDisplayList or addChildren. I prefer
to do it in
updateDisplayList, because you can then change it if the
style changes.
> The problem is that I can't make the programmatic work
in this scenario. I
> tried instantiating the custom programmatic skin during
the
> updateDisplayList
> of the LiteButton component and adding it to my display
object via
> addChild but
> that didn't do anything.
Exactly what did you do?
> I also tried creating a "default.css" stylesheet and
> tried to use ClassReference as I would normally do to
skin an already
> existing
> component (or composite component as well) but that
didn't do anything
> either.
I've never had any problem using an approach similar to
this...but I will
say that I couldn't see any advantage in creating a
default.css style sheet,
since it's not really default in the way that the one that
comes with Flex
is. It's much more obvious to anyone using your component
what's going on
there if you create a style sheet where they're likely to
spot it.
> So how do I apply programmatic skins with the default
look for custom
> drawn
> components?
It seems like your approach is fine, but maybe you've made a
mistake in your
implementation.
> I could do it inside the updateDisplayList of the
LiteButton class
> extending
> UIComponent but again I would like to provide different
theme sets for my
> components so it makes sense using programmatic skins.
You might want to consider also adding an instance of
HaloBorder to your
component. That brings a lot of functionality with it.
HTH;
Amy

Flex 3 vs Flex 4 Preprocessor directives and code behind (External Actionscript file)

I have a framework that I've built that I want to use on Flex3 and Flex4.
I've added pre-processor directives as per this link (http://livedocs.adobe.com/flex/3/html/help.html?content=compilers_21.html) and got my Flex 4 code to compile nicely.
I then went to flex 3 and discovered my sub-class of Application wouldn't compile because it was based off of spark. No problem, I'll add in a directive.
Except now my overridden class has duplicate code, specific to which SDK it is using.
No problem, I'll put all of the application class code in an Actionscript file and include it in both Application class declarations for each directive.
It works nicely in Flex 3, so I went to Flex 4, tried to compile and now I'm getting compiler errors saying things such as "The (private|public|protected) attribute may only be used on class property definitions." and "The (private|public|protected) attribute can only be used inside a package.
This same file works in Flex 3, but not in Flex 4.
What can I do to make the code compile in both places?
I'll work on a simple case so I can upload some code.

Nevermind.
I got around this issue by renaming my sub-classed Application to "...Application".
Now I can use a directive to specify an import statement for the extends Application portion rather than specifiing the fully qualified spark.components.Application or mx.core.Application.
Lame - but done.

Flex to HTML

Similar Messages

Maybe you are looking for