HTML component SVG support

I try to load a few images in an HTML component (Webkit/531.9). THe PNG, JPG and GIF images will load fine, but the SVG image does not load at all. The image will load in Chrome (Webkit/533.4) and Safari (Webkit/531.22.7) without a problem.
Is there any reason why this is not working in Air (version 2) ?

http://www.w3.org/TR/html401/struct/global.html#adef-title

Similar Messages

Cache-Control and Accept-Encoding support in Adobe AIR HTML Component

I am evaluating Adobe AIR's HTML component and trying to figure out what is supported.
I built the AIR app and had it point to www.google.com
I notice that the requests to fetch JS,CSS from Adobe AIR do not include Accept-Encoding: gzip header.
Does Adobe AIR's HTML Component support Accept-Encoding : gzip header ?
I also noticed that even though the content served with far futures expiry, i.e. has Cache-Control: maxage={value} subsequent requests are being made and content is not served from the browser's cache.
I observed this accross the app restarts.
Can someone please clarify support of the two above Http headers ?
Thank you.
-Prashant

You might also want to check out the useCache property to see if this helps. See these links:
http://forums.adobe.com/thread/726573
http://forums.adobe.com/thread/490497
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/html/HTMLLoader.h tml

Webkit and safari supporting mathml -- when AIR HTML component supports MATHML

latest version of Safari that uses webkit supports MATHML.
When can the AIR HTML component supports MATHML support for viewing the expressions.

penugonda wrote:
latest version of Safari that uses webkit supports MATHML.
Hmm. Don't know I'd go so far as to say that. Here's a more complete picture: "Webkit has an experimental MathML implementation which is enabled in Safari but the support is still limited and the rendering quality not very high. This implementation has not passed Google's security review and so is not integrated yet in Chrome."
MathML support is far from complete in Safari and other Webkit browsers.

Overlapping with html component

Hi,
Html component overlaps dropdown menu bar i.e when pdf is opened with in html componenet
I have a problem with html component in flex...
I have 12 drop down menus on top of the page...
On click of item in dropdown the corressponding file opens in html component....
There is no problem if its html file file....
But if pdf opens in html component the dropdown menu goes behind the pdf file....
i.e pdf file in html component overlaps drop down menus...
Pls let me know how we can overcum this.....
Thanks & Regards

I never did find a solution for this. The Reader just doesn't support it. What I ended up doing back then was to use ColdFusion's CFPDF tag to automatically convert each page in the PDF to an png, then do the touch gestures on the pngs.
Don Kerr

HTML Component issue?

No "title" attribute support inside HTML component in AIR application?
For example, we have some text in our <mx:HTML> like this:
<html>
<body>
[ <a href="http://domain.tld/" title="Some hint text for this link" onmouseover="this.style.color='#f00'" onmouseout="this.style.color='#0f0'">Megalink</a> ]
</body>
</html>
And when we run our application and move cursor over link, color will be changed (so, mouse events handles correctly), but "Some hint text for this link" hint/tooltip will not be shown...
Bug/Feature/Misconfiguration?!?

http://www.w3.org/TR/html401/struct/global.html#adef-title

HTML component with PDF disappears on rotate/scale

I have a PDF loading into an <mx:HTML> source. This works fine. However, in my multi-touch application, I need to drag/rotate/scale its wrapping container. Drag works fine. However, when it rotates/scales, the PDF disappears.
From livedocs:
"If certain visual properties of an HTMLLoader object that contains a PDF document are changed, the PDF document will become invisible. These properties include the filters, alpha, rotation, and scaling
properties. Changing these properties renders the PDF content invisible until the properties are reset. The PDF content is also invisible if you change these properties of display object containers that contain the HTMLLoader object."
Is this still a limitation on Air 2/Hero? Is there a workaround so the container/HTML/PDF can support rotating/scaling?
I want the multi-touch wall users to be able to make the PDF bigger, rotate the container/pdf, and drag it around the wall. My drag/rotate/scale work very well on any other component, just not pdf.
Please explain why it disappears and if there is a workaround.
Thanks,
Don

I never did find a solution for this. The Reader just doesn't support it. What I ended up doing back then was to use ColdFusion's CFPDF tag to automatically convert each page in the PDF to an png, then do the touch gestures on the pngs.
Don Kerr

Dragging an HTML component

Hello,
I'm a bit of a newbie to Flex ( started Yesterday ) and i'm finding my way quit well. Using some of the examples that the internet provides i managed to create the following applcation:
<?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"
   width="1024" height="768"
   creationComplete="getData.send()" xmlns:flexui="flexunit.flexui.*">
<fx:Script>
<![CDATA[
import flash.utils.flash_proxy;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.core.DragSource;
import mx.effects.easing.*;
import mx.events.DragEvent;
import mx.events.FlexEvent;
import mx.managers.DragManager;
import mx.rpc.events.ResultEvent;
import mx.rpc.xml.SimpleXMLDecoder;
import mx.utils.ArrayUtil;
[Bindable]
public var Images:ArrayCollection;
protected function toggleBtn(event:MouseEvent):void
if(btn.label== 'Open')
panelOut.play();
else
panelIn.play();
protected function initiateDrag(event:MouseEvent, value:String):void
var dragInitiator:HTML = event.currentTarget as HTML;
var dragSource:DragSource = new DragSource();
dragSource.addData(value, 'value');
var dragProxy:HTML = new HTML();
dragProxy.location = event.currentTarget.location;
dragProxy.width = 100 ;
dragProxy.height = 100 ;
DragManager.doDrag(dragInitiator, dragSource, event, dragProxy);
private function dragEnterHandler(event:DragEvent):void {
var dropTarget:VBox =event.currentTarget as VBox;
if (event.dragSource.hasFormat('value')) {
DragManager.acceptDragDrop(dropTarget);
private function dragDropHandler(event:DragEvent):void {
var value:String = event.dragSource.dataForFormat('value') as String;
bigImage.location = "assets/Big_Html/"+value;
]]>
</fx:Script>
<mx:Canvas id="panel" width="1013.95" height="202" y="10.3" backgroundColor="#000000" x="0.05">
<mx:TabNavigator x="2" y="0" width="994" height="181">
<s:NavigatorContent label="Eerste" width="100%" height="100%" id="navigatorContent">
<mx:HBox width="992" height="137">
<mx:Repeater dataProvider="{getData.lastResult.gallery.image}"
id="rep" width="991" height="137">
<mx:HTML x="228" y="10" width="113" height="112" location="assets/Small_Html/{rep.currentItem}"
mouseMove="initiateDrag(event,event.currentTarget.getRepeaterItem())" >
</mx:HTML>
</mx:Repeater>
</mx:HBox>
</s:NavigatorContent>
<s:NavigatorContent label="Tweede" width="100%" height="100%">
</s:NavigatorContent>
</mx:TabNavigator>
<mx:LinkButton id="btn" width="100%" height="21"
   label="Open"
   click="toggleBtn(event)" enabled="true" x="-3" y="179"/>

</mx:Canvas>
<mx:Canvas>
</mx:Canvas>
<mx:VBox width="995" height="508" backgroundColor="#000000"
horizontalAlign="center" verticalAlign="middle"
dragEnter="dragEnterHandler(event)"
dragDrop="dragDropHandler(event)" x="19" y="250">
<mx:HTML x="83" y="44" id="bigImage"/>
</mx:VBox>
<fx:Declarations>
<mx:Move id="panelOut" target="{panel}" yTo="0" effectEnd="btn.label='Close'"
duration="1500" easingFunction="Bounce.easeOut"/>
<mx:Move id="panelIn" target="{panel}" yTo="-180" effectEnd="btn.label='Open'"
duration="1000" easingFunction="Bounce.easeIn"/>
<mx:HTTPService id="getData"
url="SWF.xml" />
</fx:Declarations>
</s:WindowedApplication>
The goals of the application are:
1     Getting a repeater filled with HTML pages get generated from an XML file
2     Fitting the repeater in a box that can be hidden
3     Open HTML pages from the repeater by dragging them into a bigger HTML component
The first two points work great, no problems there. But the third is a bit more more demaning.
I set off trying to get this to work with images and that worked just fine. Apart from not being able to see what i'm dragging, minor issue. Now i try this with the HTML component things start to change. I guess this has to do with the fact that the mouse pointer interacts with the page shown in the HTML component rather then with the HTML component itself.
Can anyone help with this problem. If not i guess i'm going to work with images in the repeater, that should work.
Thanks in advanced for any input,
Daniel

No such component in 2.0. See http://blogs.adobe.com/aharui/2008/01/html_and_flex_1.html for more info.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Accessing the links in a HTML component

hello.I'm using a HTML component in my application. I would like to drag and drop some links from the HTML component into a datagrid for instance. When I hold the mouse clic and move the cursor, theres a grey faded frame with the link inside, so there must be some way to access this information. Any idea how i could do that ? Thank you for any assistance.

Thanks Stephen,
In this case we want to use external links. For example we write a short headline and intro and then link to another page where you can read the rest.
I have a lot of customers who wants to edit this kind of links by themselves so I hope you will look into this as quickly as possible :-)

Viewing flash based website in HTML component of AIR APP

Hello, I've got an air app where I'm trying to use the Html component to load up a flash website. Problem is that the website starts to load (I can see the preloader) and then the html component just goes blank. I wrote the html page I'm trying to load so I went in and did some trimming of javascript stuff that I didn't really need that I thought might be causing the issue, but, no dice. I'm also catch uncaughtScript errors from HTML, and there are none. Anybody have any ideas? The flash on the page that I'm loading only required flash player 8, so I'm thinking that shouldn't be an issue. The page I'm trying to load is www.socialsaga.com/air_index.php
Here is my little mxml file that won't properly display the site.
<mx:Panel title="Video Storage" xmlns:mx="http://www.adobe.com/2006/mxml" enabled="true" visible="true" width="100%" height="650"> <mx:Script> <![CDATA[ public function showDOM(ev:Event = null):void { var indEv:Event = ev; } public function uncaughtException(ev:Event = null):void { var whatException:Event = ev; } ]]> </mx:Script> <mx:HTML uncaughtScriptException="uncaughtException()" htmlDOMInitialize="showDOM()" width="100%" height="100%" location="http://www.socialsaga.com/air_index.php" id="htmlOne"/> </mx:Panel>

That was a waste of a couple hours.... The reason it was not redering is because I had a glow filter effect on a parent
displayobject in the app... Really weird, cause html stuff would load, but flash would not show up.

Priority of pdf opened with in HTML Component with Menus

Hi,
We have a group of menus poistioned in sequence. Below the Menu one HTML component is there to display html files and pdf files. If any pdf is opened in html component and if I try to open drop dowm menu the menu is displaying below html component.
Please reply me at the earliest.
Thanks & Regards
Pradeep

Hi,
When you say the entire content, do you mean some parts of the pdf are not getting displayed or is it going out of the screen?
Please send a pdf you are having issues with on chmaheshatadobedotcom, it will help us investigating the problem.
-Charu

Help. How do you TAB from HTML component to applet (and back) ?

How can one tab between applets in a browser, and from an applet to an HTML component?
For example, I have the following in my page in decending order:
an HTML text field,
an applet containing two components,
and another HTML text field.
When focus is on the first HTML text field pressing TAB should shift focus to the first component of the applet, the next TAB press shifts focus to the second component of the applet, and the next TAB press shifts focus to the other HTML text field. Then another TAB press cycles back to the first TEXT field.
I can handle the tabbing within the applet using the FocusManager, but how can I get the applet to receive focus on a TAB from the browser, and once the applet has focus, how can I give focus back to the browser when a TAB occurs from my last applet sub-component?
At the moment a user has to click on the applet before he can tab in it, and then click outside it to tab in the html again.
Any help appreciated, as I cant find any reference to how to do this apart from other people asking the same but getting no replies.
Thanks,
Menno

I see what you are saying. Either use javascript with LiveConnect or go all applets.
What we are actually doing at the moment is trying to componentise using small applets passing data via InfoBus. So I guess we could use only applets as you suggest. Either with getAppletContext, or we could have a data item on the InfoBus which contains the name of the required in-focus applet, and all applets listen to see if it is their name, and if so request focus.
I'm suprised applets are not tab-able between by default. I would have thought this was a common requirement.
I'll look into LiveConnect as well, and let you know how we get on.
Cheers,
Menno

Tabbing from applet to applet, HTML component to applet, and back

How can one tab between applets in a browser, and from an applet to an HTML component?
For example, I have the following in my page in decending order:
an HTML text field,
an applet containing two components,
and another HTML text field.
When focus is on the first HTML text field pressing TAB should shift focus to the first component of the applet, the next TAB press shifts focus to the second component of the applet, and the next TAB press shifts focus to the other HTML text field. Then another TAB press cycles back to the first TEXT field.
I can handle the tabbing within the applet using the FocusManager, but how can I get the applet to receive focus on a TAB from the browser, and once the applet has focus, how can give focus back to the browser when a TAB occurs from my last applet sub-component? At the moment a user has to click on the applet before he can tab in it, and then click outside it to tab in the html again.
Any help appreciated, as I cant find any reference to how to do this apart from other people asking the same but getting no replies.
Thanks,
Menno

Well, I think it is both a Java & HTML problem.
When you TAB from HTML there must be a way to TAB to the Java applet, and when you TAB from the applet there must be a way, when you are on the last component within the applet, to TAB back to the HTML components.
Anyone know how?
Cheers,
Menno

N95 HTML and CSS support

Hello,
I work on a Web site optimisation for the Nokia N95 phone terminal. I did not find, in the Nokia Web site, any reference documents on the HTML and CSS supported by the N95 Web browser. Where can I get such technical references ?
Actually, I try to use the command max-device-width and min-device-width which allows to select a stylesheet according to the device dispay mode (width = 240 or width = 320). I noticed that it is not supported by this browser. Are there any alternative ? I would like also to know if the meta tag name = "viewport" is available on the N95 browser.
Any answear would be appreciated.
Best regards,
Xavier Ottolini

You will find info about this on nokia's developers forum:
www.forum.nokia.com

How to get the result of auto detecting of text-encoding in HTML component.

Hello.
I just run in to the wall.
I've hard that a HTML component automatcally detect the text-encoding of a HTML page loaded,
and it supposed to be detected through Binary data of its HTML source code.
I wonder, if there is any variable or function to get the detected text-encoding like UTF-8, iso-8859-1 or something like that.
I'm glad for any response.
thanks.

There is TEXT_IO package in forms. For more help use the Oracle Form specific forum.

AIR HTML component problem

I am using the AIR HTML component to load various website
directories with. However, any directory that gets loaded into the
HTML control that uses CAPTCHA, only loads maybe 2 pixels high
worth of the image. Is this a bug with the HTML control itself, or
have I failed to instantiate something? To see what I mean, try
loading this URL into AIR's HTML component.
http://www.mygreencorner.com/submit.php

I might add that this is flex 3 Retail version, not the beta.
Seems to work in the flex 3 milestone 4 beta.

HTML component SVG support

Similar Messages

Maybe you are looking for