HTML content within a Container
Hello.
New to FLEX and wondering if there is anyway to provide HTML
content within a container, sort of like iFrames or HTML frames? Is
there anyway to do this with FLEX?
Will this eventually be available in Flex Builder for use in
web-based SWF applications? This is a huge requirement for us. We
are currently using the 'iFrame' hack to get around this but are
plagued with event handling issues to correctly hide the iFrame
when needed. In large scale products, such we are working on, url
integration with our components of our products is a must
requirement. Any insight here would be great on what we can do in
Flex Builder 2.01 for this.
We also have a requirement that Linux, Windows (and secondary
requirement MAC) systems can use our product.
Similar Messages
-
ITS 6.1 : Printing the contents in a container in webgui
Hai All,
I have a module pool program which displays, employees details with there photo in a container. I used method "CALL METHOD html_control->execwb." to print the content within the container. The program works fine when i run the program in SAP gui. I have created the transaction code as "SAP GUI for HTML"
The problem is we are using ITS server 6.1, when i run the same program in webgui, the print functionality is not working. The reason being the above method is related to OLE, which will not work in "SAP GUI FOR HTML".
We can print the content of the container by right clicking whithin the container and selecting print. Is it possible to have that functionality by clicking a button in the screen. That is when the user clicks a button in the screen the content of the container should be printed.
Please let me know, is there any solution for this.
Thanks & Regards,
H.K.Hayath Basha.Hi Hayath,
this method is Windows only. Neither webgui nor java gui support the method because it based on OLE.
But you can insert a link in the HTML and execute the print method of the window object when clicking on the link.
Example:
<html><head><title>Test</title>
</head><body>
<a href="javascript:window.print()">Print this page</a>
</body></html>
Regards,
Klaus
P.S.: I would recommend to upgrade to ITS 6.20. ITS 6.10 is no longer supported by SAP and SAP will refuse any OSS message regarding ITS 6.10. -
I have a question about HTML in Flash. How can I create a simple viewport or window within my Flash document that allows me to reveal HTML content within. Is there a simple way or a code that I could drop into Actionscript? Need immediate help. THANKS!
it's already part of actionscript: Adobe ActionScript® 3 (AS3) API Reference
-
Unable to view local HTML content from "Help Content Only" SSL iFrame
Hi
Can anyone confirm whether it is possible to view local HTML files within an iFrame when generating Help Content Only SSL content which is also locally deployed?
I have had no problem viewing local html files from within an iFrame with a locally viewed Browser-Based Help project but despite trying a number of variations on the syntax, I simply cannot obtain the same result from a Help Content Only SSL that is then incorporated within a merged help system. I can however create hyperlinks to view local content using the following syntax (file:/C:\folderName\fileName.html - the only drawback for local preview is that you must right-click and select "open in new tab"). Essentially, I am trying to eliminate the requirement to have to right-click and open in new tab to view local html files.
The project I am working on is deployed both locally and remotely and this whole process is necessary for emergency management and business continuity purposes.
I hope my explanation isn't too convoluted and would be glad to clarify it further if required. I would appreciate any assistance!Hi John
I appreciate you and Peter obtaining this information from Adobe and I appreciate your continuing patience in trying to understand what I am doing.
I will start from the beginning and hopefully clarify my process when deploying my application locally (my remote process differs somewhat but is not germane to this discussion). Obviously this will contain some repetition from previous posts but I hope it helps...
The project itself integrates content created from Adobe RoboHelp with content created within Adobe Dreamweaver
First, I should mention that I am using RoboHelp 8 as I don't believe I have addressed which version I am using. There's nothing particularly unusual about the project itself.
Utilizing Dreamweaver I have created a self-contained HTML-only (no server-side functionality) website which is placed at the root level of the C: drive
Within the RoboHelp project I create a hyperlink to access the local HTML files from the RoboHelp topic pages. The process I use to do so is from within the HTML view of the specific topic page and I use the following file path: "file:/C:\folderName\fileName.html". The only end-user requirement is that they must right-click and select "open in new tab", otherwise the link does not work. Please note, this is ONLY required for accessing the local HTML files.
I output my RoboHelp project using the Adobe Air SSL, with the output type set to "Help Only Content" which creates the .rha files. I utilize multiple .rha files within my project as each .rha file constitutes a module specific to an individual municipality (in my particular instance)
I use the Help Viewer Wizard from the RoboHelp "Toolbox" pod to create what I refer to as the "shell" .air file. Once the "shell" .air file created from the Help Viewer Wizard is installed, it creates a shortcut on my desktop.
I place an XML .helpcfg file within the directory on C:Program Files where my "shell" .air file has been installed to reference each .rha module which must be placed at the root level of the C: drive in order to be properly referenced by the .helpcfg file
By double-clicking on the desktop shortcut created in Step 6 it opens the "shell" module which, in turn, loads in each individual .rha file which can be accessed individually from the drop-down menu in the top-right corner
Why do I do it this way?? My organization severely restricts admin privileges on our workstations. We have one IT person / several hundred officers so I needed to create a system where the only time we need IT assistance is in the initial installation of the "shell" .air file created from the Help Viewer Wizard and placement of the .helpcfg file within the C: Programs folder. Once this is done, because the .rha files are on the C: drive, I can swap these out and update as necessary (we currently have an annual renewal cycle) and we require no further IT intervention. The local system I have just described has hyperlinks to the online browser-based help so that users can also access it and see any content updates made throughout the course of the school year
Having said all that, based on the model I have just described, I have been trying to create iFrames from within my RoboHelp 8 topic pages (placed on my C: drive) to access the local HTML Dreamweaver site (also on my C: drive). The problem I have been having is that the resultant iFrames display only a blank white page and I have tried a number of variations on the syntax of the file path without success.
The process I have been using to create the iFrame is as follows:
In Design view, select Insert >> HTML >> iFrame
In the iFrame dialog box, provide a name for the iFrame and then navigate to the local file on my C: drive level Dreamweaver HTML-only website that I want to link to.
Click "Apply" and from the resulting dialog box states that "This action will create an external link to the help system... Do you want to continue?", I click "Yes"
The resultant file path is "../../../../../folderName/fileName.html" which obviously won't work but I have created the iFrame and now I switch over to HTML view and insert the file path that I have been using for the hyperlinks ("file:/C:\folderName\fileName.html"). I also modify the width to 100% and the height to 1000 px
The user is not being directed to a different domain. So, if as Adobe states, that iFrames are "supported in local AIR Help (.rha) as well" then I don't know why it will not work for me. Again, this is the file path that allows me to create a hyperlink which will access my local Dreamweaver HTML files: "file:/C:\folderName\fileName.html" so if that syntax works for a hyperlink, why will it not work for the iFrame?
The videos I referenced are also contained within the local Dreamweaver HTML site
My usage of the term "merged help" may have been unclear and hopefully steps 1-8 outline what I am doing
Again, I am very grateful to all who have joined this discussion to try to help me! I think it should be manifestly evident by now that I am self-taught and basically that's the only excuse I can offer in my defense for my poor articulation. Not too many years ago I wanted nothing whatsoever to do with computers! -
Auto Resize Header and Content Within?
I want a header that is always 20% the height of the webpage, so that when I resize, the porportions always stay this same. This isn't so hard to figure out. However, I also want the content within the header (buttons, etc.) to resize. Can anybody help? Here's my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #191919;
background-image: url(../Images/repeat.jpg);
background-repeat: repeat;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
.oneColElsCtrHdr #container {
width: 100%; /* the auto margins (in conjunction with a width) center the page */
border: 0px none #000000;
text-align: center; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFFFFF;
background-image: url(../Images/repeat.jpg);
background-repeat: repeat;
color: #FFC;
.oneColElsCtrHdr #header {
width: 100%;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #DDDDDD;
background-image: url(../Images/headerwlogo2.jpg);
.oneColElsCtrHdr #header h1 {
margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
background-attachment: scroll;
background-image: url(../Images/headerwlogo2.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
height: 140px;
width: 100%;
.oneColElsCtrHdr #mainimage {
background-color: #FFFFFF;
width: 100%;
margin: 0px;
padding: 0px;
.oneColElsCtrHdr #yellowbar {
background-color: #FFFFFF;
width: 100%;
background-image: url(../Images/seperatebar.jpg);
background-repeat: repeat-x;
height: 15px;
.oneColElsCtrHdr # {
background-color: #FFFFFF;
width: 100%;
.oneColElsCtrHdr #mainContent {
background-color: #FFFFFF;
background-image: url(../Images/repeat.jpg);
background-repeat: repeat;
padding-top: 0;
padding-right: 22px;
padding-bottom: 0;
padding-left: 22px;
.oneColElsCtrHdr #footer {
padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
.oneColElsCtrHdr #footer p {
margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-image: url(../Images/footer.jpg);
background-repeat: repeat-x;
height: 140px;
width: 100%;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
-->
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">About the Project</a>
<ul>
<li><a href="#">Project Overview</a></li>
<li><a href="#">The Collaborators</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Earthwork Sites</a>
<ul>
<li><a href="#">About the Sites</a></li>
<li><a href="#">Media Gallery</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Interactive Badges</a>
<ul>
<li><a href="#">Badge Overview</a> </li>
<li><a href="#">Lifelong Learning</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Get Involved</a>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div id="mainimaget">
<img src="../Images/mainillustrationbig.jpg" width="100%" height="auto" />
<!-- end #mainContent --></div>
<div id="yellowbar">
</h1>
<!-- end #mainContent --></div>
<div id="mainContent">
<h1> WELCOME TO EARTHWORKS</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<p> </p>
<!-- end #mainContent --></div>
<div id="footer">
<p> </p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>I want a header that is always 20% the height of the webpage,
Web Page height is ALWAYS determined by content; not explicit values. If I increase/decrease text size in my browser, it will change the height of your page. So page is height is an unknown variable.
I also want the content within the header (buttons, etc.) to resize.
Why do you think you need this? Your browser's Zoom feature is fully capable of re-scaling images and text on screen.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/ -
SSRS 2008 R2 report does not print the page header for a html content displaying on multiple pages
Hi
I need to display the html content from the database. The html content are quite long and can have content of 3-5 pages. Issue I am facing is f the record has html content of 3-5 pages, then it does not print the page header (which is a separate tablix) on
second page onwards.
Nikesh Shah
Nikesh ShahHi Nikesh,
According to your description, I’m not sure the meaning of Page header in your scenario. In Reporting Services, a page header that run along the top of each page, respectively. Headers can contain static text, images, lines, rectangles, borders, background
color, background images, and expressions. But we couldn’t add tablix in the page header.
If you are saying report header, a report header consists of the report items that are placed at the top of the report body on the report design surface. They appear only once as the first content in the report. So it cannot repeat in other pages.
If you are saying tablix header, freezing column headers are different in table and matrix. For more details, please refer to the following thread:
http://social.technet.microsoft.com/Forums/sharepoint/en-US/c8ddc1af-1bdf-4e72-8aab-0353c7cc848a/ssrs-report-freezing-row-and-column-while-scrolling-issue?forum=sqlreportingservices
If there are any misunderstanding, please elaborate the issue for further investigation.
Regards,
Katherine Xiong
Katherine Xiong
TechNet Community Support -
SSRS 2008 R2 report prints empty spaces for html content till end of page
Hi
I need to display records containing long html content say each record of different size ranging from 5 lines to 3-5 pages.
Issue observed is:
When a record complete is printing say half the page and subsequent record is bigger then half a page, the subsequent record is printed on the next page rather than continue immediately after the previous record is completed.
Is their any property or any other solution to resolve the issue. Print on next page is not set.
Nikesh ShahHi Nikesh,
As per my understanding, I think the issue is caused by the blank space in the report body. In order to get rid of the blank space when print the report, please refer to the following steps:
Click on Report > Report Properties > Layout tab
Make a note of the values for Page width, Left margin, Right margin
Close and go back to the design surface
In the Properties window, select Body
Click the + symbol to expand the Size node
Make a note of the value for Width
Please check the Page Break settings on all your report items and make sure the Body Width + Left margin + Right margin less than or equal to Page width, just like the equalities below:
(Body Width + Left margin + Right margin) <= (Page width)
If there are any other questions, please feel free to ask.
Regards,
Katherine Xiong
Katherine Xiong
TechNet Community Support -
How to attach HTML content to DMS Document?
Hello,
I have a requirement in which I have to make a HTML file which contains the current Dispaly on screen, I have to attach this HTML file inside the DMS document.
For this I am doing following steps.
1 ) FM SAVE_LIST
2) FM WWW_HTML_FROM_LISTOBJECT, form this FM I am getting the Internal table which is containing the HTML content.
a) I am converting this internal table content ot first in XSTRING using FM SCMS_TEXT_TO_XSTRING
b) And XSTRING to Binary format.
3) After this I am creating a DMS cocument using FM CVAPI_DOC_CREATE
3) After DMS document creation I am using FM CVAPI_DOC_CHECKIN to attach HTML file content to this DMS Document.
Everthing seems to be ok, but when I am using CV03N to view the document, its showing the HTML file bu not showing the original content(HTML)
Please help to find the problem, Is there any other way from which I could CHECKIN HTML content directly inside DMS document in HTML form without converting it to binary.HI,
I have not understood the requirement.
As far as I know, HTML need not to be checked in.
Refer also link below
Re: some questions on SAP DMS
May be useful in choice of FM.
Regards
Nitin -
Fetching Dynamic email address from the HTML content sent in the email body
Hi All,
I have a scenario where in i have to send an html content via an email body . while doing so , i need to fetch the email address from the html content and send a mail to the specified email adrress in the html content .
How to fetch the email address from the html content.
Regards
Vinay P.Hi ,
Dynamic configuration means ...do i need to come up with a mapping which contains the To,From,Subject fields & all...so that when i click on the mail package in mail adapter ...this "To" email id will be fetched dynamically
Regards
Vinay P -
I cannot select or edit content within template editable region in DW CS5
The only way I can edit the content is in code view. A real pain. Anyone else have this happening? I have re-checked and re-applied template to page in question and doesn't help. I cannot directly select an image or text in design view. I get the "no can do" icon that appears over template items that are locked. I have strolled through the preferences and don't see anything regarding this. Since upgrading from CS3 to Dreamweaver CS5 mac, I have had nothing but problems. This app is half baked at best.
Wasn't a problem in prior versions of DW.
Would have been in CS4, but not in earlier ones. In those versions, the use of overflow:hidden as a way of setting a new block formatting context to clear internal floats was not supported even though it was a perfectly valid method. You may find that you need to return the overflow:hidden to your styles to properly manage floats within that container. In that case, a double click is all that's needed to temporarily display the entire content of the element. -
Problems with html content in box
Hi! I have a problem with html content. For example photoswipe. If I import the folder with the index.html of photoswipe as an article all works fine. If I link it trough the folio overlay creator/webcontent) into a box in indesign dps, it stays empty. Seems like it doesnt find the images/paths??
KlausThis sounds familiar. PhotoSwipe doesn't seem to like working in a web content overlay unless the JavaScript and other source files are uploaded within HTMLResources. This means editing your local HTML file so that paths to the JavaScript, images and CSS files begin by pointing to HTMLResources virtual folder (../../../HTMLResources/) before their subfolder and filenames. It's worth a try.
-
Hi
I follow Silverligt - currently version 5 is in RC status - for a while. On their feature list http://www.microsoft.com/silverlight/future/ it is written:
"Host HTML content as a Web browser control within the Silverlight application. HTML pages, such as help content or e-mail, can be integrated within the application."
As far as I know this is still not possilbe with Flex, only with AIR. Is this still true? If yes, it would be great if this would be possible soon as well.
Thanks,
MarcHi Mash
I found a StageWebView here: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/StageWebVie w.html
Unfortunately - at least this is what the documentation says - it is AIR only.
Thanks,
Marc -
Html content in lightbox is visible only on the first click
I have added html content into a lightbox.
When I click the trigger the first time, content is visible.
If I exit (by clicking outside) the lightbox and click the trigger a second time.
The embedded HTML is gone.
See attached images.
Url: Live pageWhat steps did you take in order to add the HTML content to the lightbox? I'm trying to replicate the problem and I cannot figure it out. Did you do it within Muse?
-
Has anyone managed to embed flash content within there responsive HTML5 website?
Has anyone managed to embed flash content within there responsive HTML5 website? I'm aiming to get my client gallery Flash based but don't want to sacrifice my responsive HTML5 layout to achieve this.
I feel the Flash gallery would be more secure than my current option,
Thanks in advance
Katie xx
http://www.katiegarcha.comIt dawned on me what the problem was, in my Actionscript, I am using a XML sheet to call the pictures in the gallery. The XML sheet is located in the same folder as the actionscript, but not in the same folder as the html page, hence the Flash working when it is directly called but not when it is somewhere else. Once this dawned on me, I remembered that I used "short" urls for the images thinking of them all being in the same folder as the actionscript, but not thinking about their relative link from the location of the HTML page. So, I believe that if I change the relative urls to fit the location of the HTML instead of the location of the SWF page, it should work.
-
Binding the html in MIME to container in view
Hi All,
I have imported HTML object to MIME repository in the webdynpro component. I have also created the container for it in the view..
The problem : How do i bind this html file to the container in the view??
ThanksWhat do you mean by container? Are you using an iFrame UI element? That is the only WDA UI element that would except raw HTML content. However the iFrame UI element is depricated in 7.0, 7.01, and 7.1. At certain points via support packages the UI element is completly removed on these releases. Although the iFrame will return and be supported again on 7.02/7.20 - it might be dangerous to design something around its usage on the current code lines since the UI element could disappear at a future support package application.
However if you want to continue to use the iFrame regardless of this warning, it can technically work. Everything from the MIME repository has a URL. You just need to set the source property of the iFrame to the URL for your MIME content.
Maybe you are looking for
-
IPhoto imported photos from DVD only work with the DVD in the drive.
I have several photo DVD's created on PC, jpeg format. I inserted the DVD, dragged the photos into events, they seemed to copy into iPhoto, I created albums. All seemed fine, but when I eject the DVD, my Mac can no longer find the file and I get a me
-
Dynamic switch of component configuration
Hello all, In my webdynpro application i select a list of addresses. Dependent on selected address i would like to show an address with predefined component configuration. Selection of addresses and show of an address are implemented in two component
-
Easiest way to transfer all Business Documents to another instance
We have to transfer all appraisal documents to another SAP instance. We know how to transfer all other parts except attachments (such as Excel sheets) of appraisal documents. These attachments are stored in Business Document Service (BC-SRV-BDS) with
-
How to pass a "object" as a prameter from one java class to another java
hi experts, I want to know "How to pass and get object as a parameter from one java class to another java class". I tried follwoing code just check it and give suggetions.. import Budget.src.qrybean; public class ConfirmBillPDF extends HttpServlet qr
-
Mouse works fine, great in other browsers but barely works in firefox
I'm about to permanently ditch Firefox as this is most annoying. Mouse performs perfectly in other browsers - I'd prefer to stay with Firefox but with this problem unless I can fix it I'm thru its just too annoying and time-consuming. Mouse doesn't s