Flex and CSS / HTML

Hi,
I've got a Flex App interface in place. But having a lot of trouble with an CSS styled menu.
I've pasted the HTML into an <mx:HTMLText> Component. Its recognised it as a list item, but the style is not pulling through.
How do I achieve this? Did a google search and couldnt see much good for it really.
Any help appreciated...
HTML / CSS Code is attached.

hi friend you are use IFrame in mxml file It is dispaly in .html files
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:flexiframe="http://code.google.com/p/flex-iframe/"
horizontalAlign="center"
verticalAlign="middle">
<mx:Panel width="732" height="454" layout="absolute" y="-1" x="12">
<mx:TabNavigator x="14" y="0" width="644" height="398">
<mx:Canvas label="menu" width="100%" height="100%">
<flexiframe:IFrame id="hFrame" source="menu.html" width="602" height="100%"/>
</mx:Canvas>
<mx:Canvas label="Archive" width="100%" height="100%">
</mx:Canvas>
</mx:TabNavigator>
</mx:Panel>
</mx:Application>

Similar Messages

  • How to connect the  flex and css file on the server..

    when i work on my system, i just give source="abc.css" in style tag but when i upload its not working...can someone help me?

    A common practice is to place the CSS files under <src><assets><styles>  directory in your project.
    Then, in your MXML file  you  use them :<mx:Style source="/assets/styles/common.css"/> 
    When ready to publish to online server, you do as "Export release build" from your project menu.
    This will generate all you need files in the "bin-release"  directory in your project environment.
    You should upload all this content ( from the bin-release directory)  to your server.

  • Java Swing/AWT and FX is so old school! Give me HTML and CSS for GUI!

    Dear Java,
    I am a seasoned programmer and I feel it's time JAVA implements a GUI system where it uses HTML and CSS for the GUI. For the love of god just look at the interfaces you can make using HTML and CSS alone. I am a big fan of Java Swing and the recent GUI designer for FX is quite cool. But they are just not as simple as HTML and CSS. And JavaFX has some interesting requirements for the graphics.
    I know it is possible to use JavaFX and implement the WebView/WebDriver and make it load a HTML page, etc... but why go through all the trouble?
    Just imagine... if you make Java where it has powerful back-end to do what it does best and the HTML/CSS powered GUI on the front-end. It will make the lives of many developers much much easier.
    I am not sure whether a Swing designed GUI will be faster than a HTML designed GUI... but if you look at a traditional browser and how fast it renders HTML/CSS, I am sure if Java had a native Form where it uses HTML and CSS to render the GUI, Java will make the dreams of many programmers a reality.
    Make it happen!!!!

    Check this i solve problem just now using this
    https://wiki.archlinux.org/index.php/Ja … ow_Manager

  • HTML and CSS Best Practices for Eloqua?

    Hello Topliners Community,
    My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
    Thank you,
    Ben

    Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
    But if you must then right clicking on text boxes and click edit source is the way to go.
    There was a good discussion on editing your forms with CSS:
    Energize Your Eloqua10 Forms with CSS
    created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
    Version 2
    CSS can be used to heavily customize the layout of forms in Eloqua10.  In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages.  Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
    Eloqua10 Forms HTML Structure
    Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page.  By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
      For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

  • HTML layout and CSS handling in CQ5

    OK...so this may sound like a newbie question...because it is.  Kinda.
    I'm new to CQ5 but am an experienced web developer.  CQ5 doesn't appear to provide tools to layout of web pages (html tags, divs, css styling, ...).  I'm comfortable doing this by hand, but that seems rather old school in the days of Dreamweaver and such.
    What layout/design tools do you recommend for creating HTML and CSS pages for use in CQ5?  I have wireframes in-hand and ready to translate to HTML.
    Thanks!

    None of the enterprise content management systems that I've used, including CQ, provide WYSIWYG tools for building the layouts/templates of the site.
    I always build complete static versions of the designs/wireframes by hand entirely outside of CQ.  I prefer Textmate, but of course you can use whatever visual tool you prefer.  After the static HTML passes muster it then needs to be integrated, by hand, into CQ in the form of page and content components.  This is generally straightforward (depending on the design).
    CQ 5.5 does give you the Site Importer to help bring an existing page (or set of pages) into CQ which it then breaks up into the beginnings of a project, but in reality the developer will still need to break that up even further anyway.  Applying this integration by hand from the ground up will likely give you better control and awareness of what's going on in your project. Letting to much "magic" happen behind a slick wizard or WYSIWYG won't help you when something (inevitably) needs debugging and dissection.
    Having said all this, since the Adobe acquisition of CQ, I wouldn't be surprised if there was some kind of Dreamweaver plugin in the works for connecting to CQ!
    Good luck!

  • Html and CSS in JEditorPane

    I have been working with Velocity to produce dynamic HTML and displaying the results with the JEditorPane. I have been searching for an article or tutorial that talks about the JEditorPane (HTML and CSS related), but nothing has come up (I also did a quick search in this forum).
    I would like to know what is JEditorPane capable of doing in terms of displaying HTML with CSS, and how do you set it up.
    If JEditorPane is not the best option with HTML that has positioning in CSS, can somebody suggest something else that has better support for CSS than JEditorPane?
    I would greatly appreciate any response (Any suggestion or links to additional information will be great too!)
    Thanks,
    Victor Gutierrez

    I would like to know what is JEditorPane capable of
    doing in terms of displaying HTML with CSS, and how
    do you set it up. JEditorPane has no support for CSS
    If JEditorPane is not the best option with HTML thatit's not
    has positioning in CSS, can somebody suggest
    something else that has better support for CSS than
    JEditorPane?Search google for 'JDIC' find the WebBrowser component
    I would greatly appreciate any response (Anylet's not get carried away here
    suggestion or links to additional information will be
    great too!)
    Thanks,
    Victor Gutierrez

  • Tools for validate HTML and CSS Error in DW?

    Hello Guys,
    Want to know any addon or menu tool in Dreamweaver to validate HTML and CSS error.
    Because every time i have to check in w3c validation. If DW having in this options it wouldbe great to develop website with out error.
    Please let me know your suggestion for that.
    Cheers
    Abdul
    www.ilearnsmart.com
    www.whitehouseit.com

    DW does provide tools to help with validation:
    http://articles.sitepoint.com/article/dreamweaver-8-standards/1
    http://www.adobe.com/support/dreamweaver/htmljava/migrating_hs_to_dwmx/migrating_hs_to_dwm x06.html
    I find it a bit more comfortable though to use teh W3 Validator and I always access that with the Firefox Browser and the Web Developer plug-in.  Another good plug in for FF is Firebug.
    Martin

  • I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. How do I resolve this issue?

    I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. I did not have this issue in the older version. I use an iMAC running OS10.6.8. How do I resolve this issue?

    Starting with this, you have errors in your CSS code.
    body {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      color: 151515;
      font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
      background-color: EFF5F8;
    body {
      margin:0;
      color: #151515;
      font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
      background-color: #EFF5F8;
      font-size: 100%;
    Related links:
    Windows Chrome, why do my fonts look so bad? - Lee Green
    css3 - Bad font rendering Chrome - Stack Overflow
    Nancy O.

  • Optimizing content html and css

    Can you help me in optimizing the html and css properly in this area www DOT juegos-friv-10.com is done with htacces or on the server where it is hosted

    I do not see how this relates to Business Catalyst. This looks to be spam, I have removed the hyperlink from your post. IF you can explain what you mean?

  • 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

  • Outlook HTML and CSS Validator Problem

    Hi,
    I downloaded this
    Outlook
    HTML and CSS Validator for DreamWeaver 8
    (WordMailSupportMacromedia.msi) but when I
    followed
    the instructions and went to the Browser Check settings,
    "Microsoft Word" did not show up in the Target Browsers list.
    Anyone know why or have a fix?
    Thanks much!

    FederalWayDave wrote:
    > Hi,
    >
    > I downloaded this
    >
    http://www.microsoft.com/downloads/details.aspx?familyid=0b764c08-0f86-431e-8bd5
    > -ef0e9ce26a3a&displaylang=en for DreamWeaver 8
    (WordMailSupportMacromedia.msi)
    > but when I
    >
    http://msdn2.microsoft.com/en-us/library/aa338200.aspx#Word2007MailHTMLandCSS2_D
    > reamweaver]followed the instructions and went to the
    Browser Check settings,
    > "Microsoft Word" did not show up in the Target Browsers
    list.
    >
    > Anyone know why or have a fix?
    >
    > Thanks much!
    >
    you can open your html pages FROM Microsoft Word.
    seb ( [email protected])
    http://webtrans1.com | high-end web
    design
    Downloads: Slide Show, Directory Browser, Mailing List

  • Slices - HTML and CSS??

    Hello,
    I was wondering if someone with extensive experience with HTML and CSS AND PS could help me with my question:
    I have been marking up HTML and CSS for some time now using a basic text editor. As my designs have advanced, so has my ability in Photoshop and Illustrator. I came across a tutorial where someone is using PS to convert slices into HTML and CSS. Now, I have always used a text editor for HTML and CSS so this is all VERY new to me. Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
    Thank you in advance....

    Frigglesworth wrote:
     Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly? 
    Thank you in advance....
    The output is plain HTML/CSS so you have the same control to go back and edit it by hand.
    This all goes back to the concept of prototyping. When you are working up designs for a client you probably don't jump straight to typing HTML/CSS. You either present hand sketches or mocks from Photoshop. The idea is that if you have created a decent mock-up in Photoshop, you can proceed to slice it up to become the actual design.
    For a path to thousands of pages discussing the pros and cons of this concept, go here:
    http://www.google.com/search?q=web+prototyping+photoshop
    Photoshop web prototyping is evolving. ImageReady was dropped and with the acquisition of Fireworks from Macromedia (which does the same thing as Photoshop - - but many web designers claim it does it better), the future is uncertain regarding where Adobe will go. Good luck on finding an ideal workflow. I'm still looking too. 

  • Can someone provide HTML and CSS compatibility issues list in IE 12?

    Hi There,
    We recently come to know from our team members that Microsoft going to release Internet Explorer (IE) 12. But there are some compatibility issues with HTML and CSS which can break our web sites. Can someone provide us list of issues that we can face in IE
    12, so that we can work on their resolution.
    Regards,
    Ankush

    Hi,
    http://status.modern.ie
    or
    f12>Console tab>
    document.body.style
    Rob^_^

  • 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.

  • Send HTML Email with Embedded Images and CSS

    Hi All,
    I have a html page. I want to send that html page(not with attachment) with all images and css. i search and try but I cant find a good solution. can any one help... plz..........
    Thank You.....

    If you want to send the html page and have it
    reference the images and css files on your web
    site, that's pretty easy. Just create a message
    with text/html content that is your html page.
    If you want to include all the images and css files
    in your message along with the html page, you'll
    need to create a multipart/related message and
    you'll need to change all the html to reference the
    images and css files using "cid:" references.

Maybe you are looking for

  • Is there any way to open a map to the location specified in a calendar event?

    Besides opening the event, copying the location, and pasting it into google\bing\etc mapping tools I do not see this rather common functionality available in Lightning. Ideally, right clicking on the event in the calendar (without opening the event)

  • Html or css - What's best practice for email?

    Hello, I am struggling getting fonts to look a certain way across all browsers.  I used CSS like this: <style type="text/css"> .header { font-family: Arial, Helvetica, sans-serif; font-size: 32px; text-transform: uppercase; color: #FFAE39; </style> <

  • RowQualifier and Date format

    I'm trying to filter a ViewObjectImpl rowset based on a RowQualifier where clause using code like : ViewObjectImpl voi = (ViewObjectImpl) viewObject; RowQualifier qual = new RowQualifier(voi); qual.setWhereClause(ATTRIBUTENAME+"="+value.toString());

  • Ask your question.APPLE WEB SITE IS SLOW

    I'm on apple support page,I ask a question,10sec later the page comes up. I click on a question and 5 sec later the tiny circular spins letting me know it's looking for the page and then 5 sec later the page opens. Anything and every thing I do the a

  • Firefox scrolls slowly on websites with background images.

    I find that when I go to websites that have background images, such as my tumblr (deshaunic.us) or the call of duty websites (http://www.callofduty.com/missions), scrolling is very slow and stutters, even though I have smooth scrolling enabled. I hav