Iframe breaking cflayout tabs ?

Hello,
I am new to CF (old vbscript/asp guy), and am struggling
with converting a fieldset based iframe to cflayout tabbed version.
I can get all my tabs to work, but when I put in my iframe in the
cflayoutarea it breaks it. I am encapsulating a fckeditor in it,
and it just posts back to the paret frame of the iframe. All worked
fine with fieldset, but these tabs are much better looking, and
would love to use them. Here is a code snippet for your eyes.. any
ideas appreciated. Not sure this can be done this way, the _target
to the iframe inside the cflayout area was spawning another window
before it just stopped working.. Hmm..
Thanks, Bob
<cfoutput>
<cflayout type="tab" name="MyTabLayout">
<cflayoutarea name="workarea" title="Work Area"
style="height:100%">
#f_mess# 

</cflayoutarea>
<cflayoutarea name="tab2" title="Austin Traffic"
style="height:100%">
RSS Feed for Trafic in Austin
</cflayoutarea>
<cflayoutarea name="tab1" title="APL Holidays"
style="height:110%">
 APL Holidays and Closure Times 
<cfinclude template="apl_holidays.cfm">
</cflayoutarea>
<cflayoutarea name="tab3" title="Bulletins"
style="height:100%">
APL Bulletin Area ... 
</cflayoutarea>
<cflayoutarea name="tab4" title="Calendar"
style="height:100%">
APL Calendar... 
</cflayoutarea>
</cflayout>
</cfoutput>

Doh! It was a broken iframe.. blush.. all good.. :)

Similar Messages

CF 9.0.1 cflayout tab - first tab - content height problem in IE 7

In IE 7, the first tab's height is incorrectly rendered - it is the combined height of the up/down arrows in the scroll bar instead of the tab's content. The rest of the tabs are rendered correctly. I am using IE 8, and changed the Document Mode to: "IE 7 Standards." It renders fine in IE 8 or even Quirks mode.
I'm not sure if CF 9.0.1 update created this problem. Can someone test this code on CF 9.0?
Here's a very simple test case - copy/paste this to a new .cfm file and take a look on IE 7 (or IE 7 Standards mode in IE 8)
<cfoutput><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style='height:100%;'>
<head>
 <title>CF Tabs Example</title>
</head>
<body>
</cfoutput>
<cfajaximport tags="cflayout-tab">
<cflayout type="tab">
 <cflayoutarea title="Tab 1">
 <cfoutput>
 This is the first tab!
 This is the first tab!
 This is the first tab!
 This is the first tab!
 This is the first tab!
 This is the first tab!
 </cfoutput>
 </cflayoutarea>
 <cflayoutarea title="Tab 2">
 <cfoutput>
 This is the second tab!
 This is the second tab!
 This is the second tab!
 This is the second tab!
 This is the second tab!
 This is the second tab!
 </cfoutput>
 </cflayoutarea>
</cflayout>
<cfoutput>
</body>
</html>
</cfoutput>

Correct. The first tab fully displays in IE 8 both compatibility mode and 'regular' mode when running on CF 9.0.0 (actually, maybe I should spell out: Coldfusion Server Developer 9,0,0,251028
and does not work in Coldfusion Server Enterprise 9,0,1,274733 as I stated.
I found some posts about making minor corrections to the "cflayout.js" but I think those were changes to the 9.0.0 scripts, because it was very different from the 9.0.1 cflayout.js script.
Bottom line - I "fixed" it by putting in the fix script into CFIDE\scripts\ajax\package\cflayout.js
And when I say the fix script it's almost the original 9.0.0 one, but I got it here:
http://forums.adobe.com/thread/565912?tstart=0
it was posted by "MrTee" on Feb 23rd in a reply.

CfLayout tabs are being truncated in IE 9

After installing IE 9 I've noticed that my cflayout tabs are now being truncated. They look file in IE 8, FF and Chrome, but in 9 some of the tabs are truncated (exampl...). Has anyone else had this problem or come across a solution for this?
Please no IE bashing, my app has to work for all major browsers =/

Fixed. Hold ctrl + MouseWheelDown. IE was zoomed in... >.<

Coldfusion 9 cflayout tabs can't figure out height

I'm working through all the differences in the CF9 ajax library and a big glaring on for me is cflayout tabs not figuring out the correct height....
First example: tabs inside tabs..... In CF8 the outer tab container would grow it's height based on the height of the tab objects inside it. Now it ignores the tab heights and will only go by the height of normal HTML elements.
Second Example: The tabs will not auto grow to content, in many situations the first tab will be only a few pixels high.
Has anyone encountered/fixed this?

Oh yes, the latter example happens when specifying a page source, IE loading the tab content via AJAX

Cfgrid href and cflayout tab

Thanks in advance
I have a cflayout tab with two layoutareas each has a cfgrid with html format
each cfgrid has a column with href.
My problem is the hyperlink shows only on the grid in the first tab
here is my code
<cfquery name="sectionList" datasource="#application.dsn#">
select * from sp.section
</cfquery>
<cfquery name="semesterList" datasource="#application.dsn#">
select * from sp.semester
</cfquery>
<CFAJAXIMPORT TAGS="cflayout-tab,cfform,cfgrid">
</cfajaximport>
<CFFORM>
<cflayout type="tab" name="Courses">
 <cflayoutarea title="Enrolled" name="Enrolled" >
 <cfgrid query="sectionList" name="grid1" FORMAT="html" highlighthref="yes" >
 <cfgridcolumn name="SectionID" header="ID" href="testing2.cfm" hrefkey="SectionID" >
 <cfgridcolumn name="SectionName" header="Name">
 </cfgrid>
 </cflayoutarea>
 <cflayoutarea title="Instructed" name="Instructed" selected="yes" >
 <cfgrid query="semesterList" name="grid2" FORMAT="html" highlighthref="yes" >
 <cfgridcolumn name="SemesterID" header="ID1" href="testing2.cfm" hrefkey="SemesterID" >
 <cfgridcolumn name="SemesterName" header="Name1">
 </cfgrid>
 </cflayoutarea>
 <cflayoutarea title="Subscribed" name="Subscribed" >
 <cfgrid query="sectionList" NAME="GRID3" FORMAT="html" highlighthref="yes" >
 <cfgridcolumn name="sectionID" header="sectionID" display="no" >
 <cfgridcolumn name="courseID" header="courseID" href="sectionPage.cfm" hrefkey="courseID" >
 <cfgridcolumn name="sectionName" header="Name" >
 </cfgrid>
 </cflayoutarea>
</cflayout>
</CFFORM>

I "dont" want the cfgridkey term in the URL. I want something
like ...index.cfm?my_id=7
Not ...index.cfm?cfgridkey=7

When sidebar is opend using iframe, in new tab it renders in upper left corner of the Page.

Dear Sir,
I am working on crossrider framework i have built the Text Tracker extension(add-on) using this framework when it is installed it is displayed as sidebar on webpage .Actually this sidebar is opened in iframe tag and when i open any link in new tab then this side bar does not rendered properly and shown in the upper left corner of the page ,if you have any solution then share it with me.
you can download my extension at the link below:
http:// crossrider. com/download/11879
Thanks
Abid Nawaz Marwat
''moderator dismantled the hyperlink - not appropriate to provide a direct install link here''

Sorry, this forum is for Firefox user support, not for requesting assistance with developing add-ons or for help fixing them.
Try posting here - http://forums.mozillazine.org/viewforum.php?f=19 - a forum for extension development.

IFrame-issues with Tabbed Panels

See for yourself
(the code may be messy, haven't gone through it yet)

Perhaps I wasn't clear enough when I phrased the question:
Does anyone know if iFrames are unsupported when using
Spry-elements, specifically the Tabbed Panels script? I have to use
iFrame to embed a my Zenphoto gallery.
Here's the site WITH iFrame:
http://hogfem.no/fjordpanorama
And here's WITHOUT the iFrame:
http://hogfem.no/fjordpanorama/index2.php

Embedded iFrame breaking table cell

At
http://www.marquiseknox.com/schedule.htm,
you'll see the right margin breaks near the top of the page, as the
schedule appears. So I'd like to fix this. All help is
welcome!

this is domed to fail;
the table width is a % of the page width while the Iframe is
an exact
dimension:
<table width="90%" border="0" align="center"
cellpadding="2"
cellspacing="2">
<tr>
<td><div align="center"><iframe height="650"
width="700"
If a visitor resizes the browser window the table breaks.
give the table an
exact dimension big enough to enclose the Iframe...remember
to account for
any cell spacing or padding you specify in your css or table
parameters.
Jeff
"Bushido" <[email protected]> wrote in
message
news:fq7i34$8l2$[email protected]..
> At
http://www.marquiseknox.com/schedule.htm,
you'll see the right margin
> breaks near the top of the page, as the schedule
appears. So I'd like to
> fix this. All help is welcome!

Want to "break out" tabs (then put them back)?

I've scoured the forums... maybe I've missed it...
Any way to take a tab and break it out into its own separate window? How about putting a lonely window (site, page) INTO a tab in another window? Seems like one of those "it just works" intuitive features that ought to be easy...
-Case

Leopard does it... (haven't put a window into a tab yet, but the "breakout" feature works quite well.)

CFLAYOUT tab navigation - client wants it to act differently - please HELP

Hello, everyone.
The internal webapp I'm working on has two pages that use the CFLAYOUT tag to supply a tabbed navigation to these pages.
Now, you know and I know that when this is used, the tabs don't redirect the browser to a different URL; it just dynamically switches content.
But now the client is in a panic because they are afraid that if someone navigates to one of these pages, then clicks on a different tab - horror of horrors - they might "bookmark" the wrong URL (thinking they are bookmarking item B, they are actually bookmarking item A - the original content.)
Is there any way to either A) change the URL (without reloading the page) to reflect the new data; or B) make the tabs act like other navigation items and actually go to that page/URL (thus soundly defeating the purpose of the tabs in the first place)?
Thanks,
^_^

Hello, everyone.
The internal webapp I'm working on has two pages that use the CFLAYOUT tag to supply a tabbed navigation to these pages.
Now, you know and I know that when this is used, the tabs don't redirect the browser to a different URL; it just dynamically switches content.
But now the client is in a panic because they are afraid that if someone navigates to one of these pages, then clicks on a different tab - horror of horrors - they might "bookmark" the wrong URL (thinking they are bookmarking item B, they are actually bookmarking item A - the original content.)
Is there any way to either A) change the URL (without reloading the page) to reflect the new data; or B) make the tabs act like other navigation items and actually go to that page/URL (thus soundly defeating the purpose of the tabs in the first place)?
Thanks,
^_^

CFLAYOUT Tab Firefox OS X Problem

I am building a simple set of tabs using CFLAYOUT. When I
have titles that have more than one word it causes a white box to
appear behind some of the titles Firefox 3 running under OS X. The
single word tab titles don't seem to have this problem.
Here is an example set of code to try:
<cflayout type="tab">
<cflayoutarea title="Hamburger">
ABC
</cflayoutarea>
<cflayoutarea title="Cheese Burgers">
123
</cflayoutarea>
<cflayoutarea title="Super Duper Meal">
DEF
</cflayoutarea>
<cflayoutarea title="Drinks">
456
</cflayoutarea>
<cflayoutarea title="Sweets">
GHI
</cflayoutarea>
</cflayout>
Any ideas what would be causing this?

What happens if you change "Cheese Burger" to
"Cheese Burger" ?

CFLAYOUT (tab) - Horizontal Scrolling For Large Number of Tabs?

Greetings,
I have a cflayout inside of a cfwindow. It is a tab layout.
The number of tabs depends upon database content, so the potential
number of tabs could be unlimited -- although there usually won't
be a huge number of tabs. The problem is that when enough tabs are
created dynamically, the tabs on the far right are not
visible/accessible.
I was wondering if it is possible to trigger horizontal
scrolling (such as overflow in CSS) to allow the tabs to be
accessible. I would like to avoid using pagination or elaborate
math to fix a div. Seems like there should be a simpler solution.
Thanks in advance for any help.

I've had no problem restoring 20-40 tabs on a window and a few on another window.
Would suggest however that you set '''browser.sessionstore.max_concurrent_tabs''' to 0 in about:config
* reference: https://philikon.wordpress.com/2010/11/10/firefox-4-0b7-updates/
'''More information on configuration variables''' available in
[http://kb.mozillazine.org/About:config_entries about:config (entries)] and for users not familiar with the process there is [http://kb.mozillazine.org/About:config about:config (How to change)] -- Specialized list of only [http://dmcritchie.mvps.org/firefox/tabs_config.htm Tabs configuration] variables.
You can make Firefox 4.0.1 look like Firefox 3.6.17, see numbered items 1-10 in the following topic [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 4.0 look like 3.6)]

Cflayout tabs not working

On my production server and on my dev server at home I am
able to use cflayout with tabs.
However, on my dev server at work... I can not make this
work. When I view the source code after the page renders... it
shows all the code that CF inserts (javascript and divs) but when
viewing the page, CF shows the all the content under each tab in
consecutive order without tabs.
I then tried other features of the cflayout tag using the
examples from the live docs and still nothing is working.
Help?!?
P.S. I just tested this under firefox and while I had the
Error console open, the browser reported a javascript error that
"Coldfusion" is not defined.

I am having the same problem, but it is not obvious to me how to implement your solution. Can you elaborate please? Thanks

Cflayout tab - forces document mode to IE 7 Standards

I have no idea why this is happening, but when I view any page that has tabs using cflayout, the document mode changes from IE 8 to IE 7. The site is running on Windows 2003, CF 9.0.1. The site is specifying an IE-8 document mode by using:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
The site is:
www.tetonscience.org
A page with the problem is:
http://www.tetonscience.org/index.cfm?id=calendar&eventID=9062C89F-1422-0A0A-8C93EB40719B3 4A6
If you look at the this page in IE, you'll notice that the document mode default is set to IE 7, even though the meta tag (above) is in the source code. Then if you click on the link that says:
< view all Teton Science Schools' events
You will get to a page without any tabs, and you'll see that the document mode goes back to IE 8.
I cannot replicate this on my Windows 7 development machine, which tells me that it must be some sort of server issue. Any ideas?

Hi there
I think you might be a bit confused about the compatibility modes, becuase the tabs page isnt being displayed in IE7 mode (by default anyway). IE8 will only emulate IE7 if one of the following is true:
the meta tags specifies to
the user has added the domain to their custom list
your domain is on the MS managed list and the user has elected to use this list.
The ie team have some good posts on this: http://blogs.msdn.com/b/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.a spx
But I think you are just refering to the fact that the compatibility mode button is being displayed, despite the tag specifiying ie8?
I think the problem might be the meta tags position, on the page were it is working it comes right after the head tag. I would also run your page through the w3c validator. Two related problems could be:
http headers specify encoding as utf-8 and a meta tag specifies iso-8859-1
the html doctype is html, but the tags are written as xhtml
Hope this helps
Cheers

Reload cfLayOut tab

Hello,
I have a cfLayOut set up with 4 tabs. On one of those tabs, I have a form that saves phone numbers for a particular person. When I submit that form, I do so by passing in the field values via a button onClick event. My AJAX script handles the processing, calls the ColdFusion action page that actually does the database work. All is well.
My problem: I want that tab to automatically reload that form with the new changes. In otherwords, there needs to be another call to the database and the form needs to be refreshed but ONLY within that tab. I don't want the whole page to refresh.
I'm having great trouble with this. Can someone help?
Thanks!
Mike

The JavaScript function declared as the call back handler would accept the data returned by the ColdFusion function evoked in the AJAX call. It would then use this data to repopulate the desired part of the application. With a straight up HTML interface that would be standard DOM manipulation. By using cflayout you are also mixing flash into the mix so actionScript is probably going to be involved in getting the data into place.
I don't have any actual code to share as I've never done this. But those are the technologies and key words you are going to need to use so hopefully that gives you some good search ammunition.
Ian

Iframe breaking cflayout tabs ?

Similar Messages

Maybe you are looking for