Adjust aliasing of webfonts within an HTML component?

Hello,
I'm trying to use an icon font in an html page that is being loded into an HTML component. I read somewhere that the HTML component uses webkit as its rendering engine, but -webkit-font-smoothing in the web page's css appears to be ignored. Is there another way to adjust the aliasing of fonts within the HTML?
I've seen plenty of articles about embeding fonts in the flex application itself, but as far as I've been able to tell, that has no effect on the fonts in the HTML component itself.
Thanks for any help,
Cameron

JFC/Swing has JEditorPane that can be used in conjunction with HTMLEditorKit to display HTML 3.2
http://developer.java.sun.com/developer/onlineTraining/GUI/Swing1/shortcourse.html#JFCEditorPane
Look for section
11.1.5 JEditorPane
in the sample chapter of a swing book at:
http://manning.spindoczine.com/sbe/files/uts2/Chapter11html/Chapter11.htm

Similar Messages

HTML component wont open link within component

I have a HTML component in my AIR app. When the page opens a youtube video feed that has copyright restrictions, a link to view the content on the youtube site itself, like the one shown here: http://www.youtube.com/v/WwoM5fLITfk?f=videos&app=youtube_gdata. When you try clicking this link nothing happens?
Can anyone tell me how i can open this link within my html component?
Many thanks
Adam
Flexchief

Hi,
I have this problem as well.
I posted a question here few days before you and still haven't got an answer for it.
My assumption is this issue started at the last SDK update. I don't see it if I work with flex 3.5.
Hope someone will give full answer to it soon... I am stock with my project because of it.
Avier

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

Best approach to using command link from within a custom component

I have created a navigation component "Menu" , used as follows:
<custom:menu />The contents of menu are stored in an xml file and the Menu component delegates the rendering to a custom renderer, which basicaly writes out html links. (Actually, the component does a lot more, but I'm simplifying to get to the point.).
Sometimes, I need to render a command link instead of a regular html link. I don't want to re-invent the wheel here, so I want to delegate this to the standard command link components.
Approach 1: create child components within the Menu component constructor, e.g.
HtmlCommandLink c = new HtmlCommandLink();
          MethodExpression e = FacesContext.getCurrentInstance().getApplication().getExpressionFactory().
               createMethodExpression(FacesContext.getCurrentInstance().getELContext(),
               "#{registrationEditor.enterSubmission}",
               String.class,
               new Class[] { });
          c.setActionExpression(e);
          c.setValue("TestLink");
          c.setTransient(true);
          getChildren().add(c);Approach 2: delegate to the CommandLinkRenderer within my custom renderer, e.g.CommandLinkRenderer delegate = new CommandLinkRenderer();
                    HtmlCommandLink link = new HtmlCommandLink();
                    ExpressionFactory elFactory =
                         FacesContext.getCurrentInstance().getApplication().getExpressionFactory();
                    MethodExpression actionExpression =
                         elFactory.createMethodExpression(context.getELContext(), c.getExpression(), String.class, new Class[] {});
                    link.setActionExpression(actionExpression);
                    link.setParent(component.getParent());
                    link.setValue(c.getLabel());
                    delegate.encodeBegin(context, link);
                    delegate.encodeChildren(context, link);
                    delegate.encodeEnd(context, link);Is either of these a respectable approach - they feel a little hackish. If so, which do you prefer. If not, what do you recommend?
Thanks
Richard

I think either is a fine approach and not at all hackish. I prefer the second, although I couldn't tell you why (just a gut feeling). That said, I haven't tried either so there may be hidden problems. My main concern would be what happens when the request is submitted from the page, that the Restore View phase is done correctly so that the proper event is fired.

HTML component, port number problem

I have an HTML component embedded inside an AIR app. When the
user makes this component visible, the HTML component simply loads
the contents of a URL. During development, I want to load content
from a locally running Web server on port 8080. However, this does
not seem to work. E.g., when I set
htmlComponent.location = "
http://localhost";
This works as expected. However,
htmlComponent.location = "
http://localhost:8080";
does nothing. I verified on the server that the HTML
component doesn't even attempt to connect to the server.
I also verified that this URL is valid and works (using my
local Web browser) as well as via curl. Further, I also tested the
connection via the URLMonitor class from within the AIR app: The
URL is available, according to the URLMonitor.
Any suggestions as to why the content can't be loaded from
the local port 8080 would be appreciated. This is pretty much a
show-stopper for me now, because I can't run the local server on
port 80 during development. FYI, I'm on OS X. Also, in previous
versions of AIR (about a year ago), I didn't have this problem.
Thanks,
-- Frank Sommers

I have an HTML component embedded inside an AIR app. When the
user makes this component visible, the HTML component simply loads
the contents of a URL. During development, I want to load content
from a locally running Web server on port 8080. However, this does
not seem to work. E.g., when I set
htmlComponent.location = "
http://localhost";
This works as expected. However,
htmlComponent.location = "
http://localhost:8080";
does nothing. I verified on the server that the HTML
component doesn't even attempt to connect to the server.
I also verified that this URL is valid and works (using my
local Web browser) as well as via curl. Further, I also tested the
connection via the URLMonitor class from within the AIR app: The
URL is available, according to the URLMonitor.
Any suggestions as to why the content can't be loaded from
the local port 8080 would be appreciated. This is pretty much a
show-stopper for me now, because I can't run the local server on
port 80 during development. FYI, I'm on OS X. Also, in previous
versions of AIR (about a year ago), I didn't have this problem.
Thanks,
-- Frank Sommers

Facebook API Login with the login window loaded in html component

I am making an air app which utilises net based content such as bringing viewing their facebook photos within the app itself but I DON'T want my users to be able to browse to the internet or more specifically open up internet explorer. Problem is the facebook api requires the user to go to a facebook login page when the login for the facebook session is fired. Is there any way I can ghet this to open up in a html component rather than internet explorer? The facebooksession.login() seems to open up this window by default and doing the validatelogin without this seems to throw a null object reference error.
Can anybody help please? Here's my code:-
public function facebookLoginButtonClick():void{
facebookSession = new FacebookSessionUtil("blah","blah",stage.loaderInfo);
facebookSession.addEventListener(FacebookEvent.WAITING_FOR_LOGIN, facebookHandle_waitingForLogin);
facebookSession.addEventListener(FacebookEvent.CONNECT, facebookHandle_connect);
facebookSession.login();
private function facebookHandle_waitingForLogin(event:FacebookEvent):void{
var facebookAlert:Alert = Alert.show("Click OK After You've logged in to Facebook", "Logging In");
facebookAlert.addEventListener(Event.CLOSE, facebookHandle_close);
private function facebookHandle_close(event:Event):void{
facebookSession.validateLogin();
private function facebookHandle_connect(event:FacebookEvent):void{
var facebookCall:FacebookCall = facebookSession.facebook.post(new GetInfo([facebookSession.facebook.uid],['name', 'pic_square']));
facebookCall.addEventListener(FacebookEvent.COMPLETE, facebookHandle_getInfoComplete);
private function facebookHandle_getInfoComplete(event:FacebookEvent):void{
var facebookGetInfoData:GetInfoData = GetInfoData(event.data);
var facebookUser:FacebookUser = FacebookUser(facebookGetInfoData.userCollection.getItemAt(0));
facebookUserAvatar.source = facebookUser.pic_square;
facebookUsername.text = facebookUser.name;

Try this:
public function FacebookInterOp(loaderInfo) {
            session = new FacebookSessionUtil(API_KEY, SECRET, loaderInfo);
            session.addEventListener(FacebookEvent.CONNECT, onConnect);
            fbook = session.facebook;
            if (loaderInfo.parameters.fb_sig_session_key) {
                session.verifySession();
            else {
                session.login();
You'll still get the pop up when you load the program in the debugger, but when loading from Facebook it should be seamless. I hope that helps.

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

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.

Contents of HTML title Tag not rendering in my AIR HTML component

I have an Air Application that uses a HTML Component. The HTML page that the component is rendering includes images with title tags. The tags render fine outside the Air Application, but when run in the AIR application, they do not render. Any help when this issue would be greatly appreciated.

what html component?

Contents of HTML title Tag not rendering in AIR HTML component

I have an Air Application that uses a HTML Component. The HTML page that the component is rendering includes images with title tags. The tags render fine outside the Air Application, but when run in the AIR application, they do not render. Any help when this issue would be greatly appreciated.

what html component?

Adjust aliasing of webfonts within an HTML component?

Similar Messages

Maybe you are looking for