Embed an html widget

Hello
I would like to embed in a flash page an html code who create a widget. Is it possible? And if yes how.
thank you

Hi Alex,
There are basically two ways to accomplish this.  Either route, though, you will have to do some of the work outside of Flash Catalyst.
Use JavaScript to position an <iframe> containing the HTML content over top of the Flash content.  Here is one thread about how to do this.  You can use Flash's ExternalInterface topass information back & forth between the widget and your Flash content, if needed.  (Or, if it gets very involved, you can use Flash Builder's "Flex-Ajax bridge" feature).
Create an Adobe AIR desktop application rather than a browser-based Flash application.  AIR applications can freely mix HTML and Flash content with any type of nesting.  To integrate HTML content, you will need to migrate your Catalyst project to a development environment such as Flash Builder.
Hope that helps!
- Peter

Similar Messages

  • How do you embed a Bookeo widget in iWeb? Use iFrames?

    I am trying to embed a Bookeo widget (Bookeo is a website that maintains bookings for business, such as tours) using iWeb.
    1. First step, the instructions from Bookeo say to insert the following HTML code where you want the code to appear. 
    <script type="text/javascript" src="http://bookeo.com/widget.js?a=231MUKEPR13769HL64DC"></script>
    I used the HTML Snippet but all I got was the spinning wheel.
    2. Second step, Bookeo suggested that Bookeo widget is inside another iframe, and since iframes are not resizable  I needed to reset the height attribute to 1500 px.  Bookeo suggested the following code.
    <iframe id="widget2-frame" src=".//Payment_files/widget2_markup.html" frameborder="0" style="width: 100%; height: 1500px;" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true">&lt;/frame&gt;</iframe>
    I still got the spinning wheel, and even after I saved and published the above code it still didn't work.  The published web pages comes up with an error message, and the iWeb page still has the spinning wheel
    3. Third step, after a bit of Apple Communities searching I tired the following code.
    <div style="width: 725px; height: 900px;">
    <script type="text/javascript" src="http://bookeo.com/widget.js?a=231MUKEPR13769HL64DC"></script>
    </div>
    This 'worked' on the published webpage, but I still get spinning wheel on the iWeb page (even after I've saved and published the page.
    My question is whether anybody knows a more elegant solution or is my third step the best way to proceed, even though I still get a spinning wheel on the iWeb page?
    Thanks, Paul

    Hi Wyodor,
    Thanks for responding.  I think that what your suggesting is that when you inserted the script it worked for you.
    I just tried the demostration example you used of the massage bookings to see if I could get the same result as you. 
    I inserted the folowing code into the HTML Snippet in iWeb on new test page on my website
    <script type="text/javascript" src="http://bookeo.com/widget.js?a=296X6L43U12C057243FB"></script>
    I then published it, but on the published webpage I only go the very top right hand corner of the Bookeo form, whereas I can see that on your example http://home.wyodor.net/demoos/bookeo/BookeoiWeb.html all the Bookeo form is there.
    Not sure why the difference between our two outcomes, but I'm only new to iWeb so maybe I've missed something.  Could it be that I'm placing the HTML snippet to the right of a left hand column of information and that's causing only a portion of the widget/bookeo webpage to be visible? 
    Thanks
    Paul

  • Html widget for "ibooks author"

    Hi,
    I there a possibility to create a contact form in html to add to the html widget of "ibooks author" with an Adobe product?

    Hi,
      With Adobe FormsCentral, you can embed the HTML form into a HTML page.
    Please check this document and see if the information/fuctionality described will work for you:
    http://forums.adobe.com/docs/DOC-1991
    Thanks,
    Lucia

  • Webapp to create html widgets (videos, maps, ...)

    Hi,
    I have started a little project, iBook Generator, to easily create all sorts of html widgets, ready to use in iBooks Author.
    Currently, you can create a widget to embed Youtube or Vimeo videos in one click, but I'm working on a lot more generator.
    I'd love to hear from you, if you're interested.
    You can try it here : http://ibooksgenerator.com

    Not sure if I can do this but I would like to see a widget to jump from one section or chapter to another section or chapter in the book. The widge would be a button or image button.

  • Invalid URL when pasting YouTube URL into YouTube or HTML widgets?

    Any known fix for INVALID URL WHEN PASTING URL OR EMBED CODE INTO YOUTUBE AND HTML WIDGETS?
    And video doesn't play on the widget window but rather opens YouTube OUTSIDE of mu website separately!
    It appears A LOT of people have had this Problem!

    It's very simple.
    This is what you paste in the URL field of the YouTube widget :
    http://www.youtube.com/watch?v=cbvdzQ7uVPc
    And this is the embed code from the YT page. Paste it in a HTML Snippet.
    <iframe width="560" height="315" src="//www.youtube.com/embed/cbvdzQ7uVPc" frameborder="0" allowfullscreen></iframe>
    And in case you won't see anything in the HTML snippet, either publish the page to see the result or add http: before the //.
    As you can see I haven't a problem. Probably because I'm not a lot of people.

  • HTML widget causing iBooks to Crash

    I am attempting to embed an HTML 5 widget in an iBook made with iBooks Author. The widget was created with Hype. It tests fine in Safari. When I export it as an iBA widget and embed it, iBooks crashes. The crash occurs predictably upon "scene changes". The widget is 2.4 mB so I am wondering if there is a memory issue. There are no movies and very few imported graphics within the widget. Any ideas?

    If the widget works in Safari on an iPad then it should work in iBooks.
    There are many issues with html widgets in IA and using local storage is one of them, but your 2.4MB should fit.
    If the widget is using <frames> it will crash, you should use <iframe> instead.
    You cannot embed Flash, webgl and some other codings, but html5, css3 and javascript usually work fine.
    hope this helps...

  • Scrolling inside HTML widgets

    Hey everyone,
    After successfully making my HTML widgets large, I was wondering if there was any way to easily allow scrolling inside of them, like you would have in Safari. I am mostly using them as little views into other sites, so it would be great to be able to scroll around. In the present iteration I am incorporating a small Wolfram widget that lets students play with trigonometric functions, but the output gets cut off because the widget is too small. It'd be fine if the students could just scroll down, but I can't seem to be able to do that. Any suggestions?

    OK, the solution by Tars Tarkis worked great- in iBooks Author.  But the scrolling does not work correctly in iBooks.  I was able to get horizontal scrolling to work, sort of.  No vertical scrolling in iBooks, even though scrolling in both directions worked fine in Author.
    I am trying to embed a Google Docs form.  The embedding with a Dashcode widget works great, but the form is long enough that vertical scrolling will be necessary.  Again, Tars' solution worked in Author, but not in iBooks. 
    Any other suggestions for making a HTML widget scroll correctly?

  • Pasting code for HTML Widget, not working!

    Hello,
    I recently watched the support video for widgets and Adobe Muse, and the video stated you simply copy the code for HTML Widget, and once you paste it into Adobe Muse, Muse would be able to automatically recognize that it is a widget and it would paste correctly. However, when pasting my HTML code into Muse I literally get the code. Nothing appears!
    Any help would be greatly appreciated! Thanks!
    Brandon

    Brandon,
    If the code you're pasting appears  to Muse to be valid HTML to embed, it should automatically paste as an HTML page item. If it's pasting as text, it may not be valid HTML, or Muse might not recognize it.
    You can also choose 'Insert HTML...' from the Object menu, and then paste your HTML into the dialog box.

  • Video in html widget

    hi,
    I embed a vimeo video in a html widget with an iframe and it worked fine in ios 5, but now than I have upgrade to ios 6 the widget can't play as well. when widescreen is clicked it can't be correctly closed.
    has someone noted this or it's my code that is wrong ?
    sincerely

    thank for answer
    I have test it with preview and share and also rebuild the widget in another page
    the widget opens, runs the video and can be correctly closed but if widscreen is clicked the video continues to run after close and the status bar in page disapears

  • How do I reset the furthest page read in iBooks from an HTML Widget?

    Our training department just got a bunch of iPads and I'm writing some custom HTML widgets for iBooks for them for testing, in-class activities, etc.
    On the last page I have a link to clear all the forms and return to the first page.  Like this: <a href="ibooks:///#page(1)">Click here</a>
    That all works fine but the next time the book is opened it auto-syncs to the FURTHEST page read (the last page with the test on it) instead of the LAST page read (the first page- from the link mentioned above).
    Basically we want the link to reset the furthest page read to the first page of the book when they finish the test so that the next person to use the iPad goes to page one automatically.
    Does anyone have an idea of how to do something like completely clear the iBook cache?
    Much obliged!

    This was hand-coded HTML, CSS, jQuery/Javascript with a PHP file on our server that processes answers and emails them to our training director.
    I use Brackets exclusively for coding.
    Hope this helps you.

  • Animated .gif not supported inside HTML widget ?

    iBooks author reject my HTML widget when there is animated .gif inside,
    are gif not supported ?
    somebody can confirm ?
    and whatthe workaround to have an animated picture inside my HTML Widget,
    seems Animated png are not spported too ...
    Thanks for reply
    daxx

    Seem to be unsupported, sorry.
    See this thread:
    Re: I can't seem to get my GIF files on iBook. Anyone else having this problem?
    Try a simple movie in a media widget or keynote slideshow widget instead.

  • Why do I get a white screen in a HTML widget once it has loaded?

    I have created some HTML which works fine in Safari but as soon as I make it a widget it loads fine with the Default image on screen and then it just goes white with nothing more than a x in the top left corner. Any ideas what I a might be doing wrong. I have an info.plist directing to the html, a Default.png which works as it appears as loading but the page just will not display.
    Any ideas very welcome.
    THanks

    Without seeing exactly what you have, troubleshooting is difficult.
    You could try here iBooks Author: About HTML widget creation for more guidance. I became unstuck once when I made some HTML in Dreamweaver, but forgot to set the Doctype as the HTML5 one.
    You could also look at this https://github.com/TrevorBurnham/iBooks-HTML-Widget-Boilerplate

  • Html Widget Crashes. How to load only one html widget at a time?

    I have a bunch of html widgets which are just tab navigators with html pages inside of them. I must have about 20 of them , mostly leading to google image searches for common searches I tend to do in my work. Instead of constantly searching for these things on google I just click on the tab with the google search for say..."tree images".  Its very fast and effecient for me.
    The problem is now I have so many that it crashes photoshop, or crashes adobe configurator most of the time if I try to open the panel file. Im guessing that the panel I made tries to load all 20 google image searches at once, instead of only loading the page I click on one at a time. Is there anyway to stop configurator from loading my html widgets that arent clicked on ?

    Anyone?

  • How can I embed an html signature in my mail

    how can I embed an html signature in my mail signatures? I have done it easy with older operating systems, but have no idea with the 10.8.2. Following the olds steps don't work...can't "save as" in the library...that folder isn't even an option

    http://code.coneybeare.net/how-to-make-and-html-signature-in-apple-mail

  • The images in my html widget look blurry!

    Hey there, I'm making some html widgets for my book using HYPE. When I insert this into the ibooks the program shows the preview image in crisp high quality but when I preview it on the iBook, the figure looks somewhat blurred. When I tap on the figure to enlarge it and make it interactive, everything looks fine and crisp, it's only the preview window before it's enlarged that doesn't looks so good. I even tried replacing the preview with a separate picture and previewing that but whatever I do, the preview just doesn't look sharp. Does anyone have any solutions I can try?
    Thanks,
    Caleb

    Blurry preview icon for HTML widget
    The best way to handle this issue is to make the preview icon transparent and place it over your own custom reference graphic on the page.
    1- Place on the page the graphic you will be using as the reference icon for the widget
    2- Place your widget on top of the custom graphic icon.  Make sure it is in "Front".  Also make the preview icon is as small as possible.
    3- Click on the preview icon TWICE and make its transparency "0".  If you only click the preview icon once the Transparency slider will not become active.
    4- Now, when you preview the book, your Widget Link will open your custom HTML Widget and both will display at full resolution.
    A bonus result of doing this... Since your link is transparent you can make it as large as needed to make it a large enough touch target.

Maybe you are looking for