Variable Height Footer

I posted the following in the Reports forum, but am curious to know if it will be easier to implement the same functionality in BI Publisher, as I do have access to it, as well.
<orig post>
Hello All,
I'm using Reports 10g and am coding an invoice. A footer is required to be placed at the bottom of the last page. I'm aware of the technique of anchoring things to the bottom of the last page, but in this case the footer is dynamic in height. The tutorials I have seen all involve either boilerplate text or a fixed height footer using a placeholder frame to push content (if needbe) to the next page. Since my footer is variable height, there is no way I can know how big to make the placeholder frame that pushes the footer to the next page. I find myself either overlapping text or pushing the footer to page 2 when there is sufficient room on page 1.
Any ideas on how to implement a variable height footer??
Thanks,
Monty
</orig post>

From this description, I think you are looking for Minimum Widow Lines property:
Description The Minimum Widow Lines property is the minimum number of lines of the boilerplate or field text that should appear on the logical page where the object starts to print. If the number of lines specified for this property cannot fit on the logical page, then all lines of text are moved to the next page.
BTW: how come Monty just registered as a newbie ;-)
Edited by: InoL on Aug 2, 2011 2:53 PM

Similar Messages

How to set the variable height for TileLayout

Hi,
I am using TileLayout in <s:List> component . TileLayout takes the maximum height of the children and draw the same height for rest of the children in all rows. Instead, I want to have all the rows with various heights if their children have different heights.
I know there is variable height property in <mx:List> component but which is not there in its spark counterpart. Can you please help me with this issue??
Thanks,
Bhoja

The spark TileLayout class lays out all of its elements in equally sized "cells". Cells of variable sizes is not currently supported.

Tabbed panel with adjustable/variable height based on content

Is there anyway that you can create a tabbed panel with adjustable/variable height based on content in each tab?

Abhishek,
Thanks for your reply, however, it is not working with Muse. I added the Javascript to the head section and adjusted iframe and it displays as a small square in the upper left hand corner, unable to view the whole page.
Inserted into head section --
<script type="text/javascript">
function resizeIframe(obj)
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
</script>
inserted as an html object --
<iframe name="MycoSmooth" src="http://www.mycosmooth.com" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);' />
Below is the result:
The purpose is to have an independent website run the blogging capabilities, since muse doesn't directly support blogging as of yet.
Since the site is on a different domain, I am running into cross domain issues and it won't get the height of the page. The methods that apparently work use php and I am unsure how that would work in muse, if at all.

Start with all Accordion panels closed with variable height panels

I inserted a Spry Accordion on this page: http://www.brucebarrdesign.com/video_new.htm
I want the panels to open to a size depending upon the content within them so I set the height to auto. The problem is that when you go to the page, the first panel is open. I want all of the panels to be closed when you first go to the page. Per the Help docs and some posts I've seen in the forum, I tried inserting this code:
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
However, this only works with fixed height panels. If I use it with the variable height, it opens all of them, so I commented it out for now. How can I get this to work?
Thanks

GPDMTR25 wrote:
I located the answer to my own question (how to get all the accordion panels to remain closed when the browser opens) but I still don't understand the answer. Can someone explain this?
This feature is only supported when using variable height panels, so you must pass a false into the Accordion's constructor for the "useFixedPanelHeights" constructor options, and a -1 for the "defaultPanel" option:
<script type="test/javascript">
var acc1 = new Spry.Widget.Accordion ("Acc1", { useFixPanelHeights: false, defaultPanel: -1});
</script>
Angela
Hi Angela,
You are right, the only way it will work is by setting the fixed height to false. As for the for the default panel option, -1 is not a panel and if you had 3 panels we could have used the number 3 (panel1 = 0) or 99 or whatever as long as there is no panel with that number. If we had used the number 1 for instance, then the 2nd panel would be opened by default.
Hope this helps.
Ben

Accordion with variable height

Hi -
I have a 2-panel accordion with variable heights, and spry
data in both the top and bottom panels. Selections made in the top
panel will load data into the bottom panel, and the page opens to
the top panel by default. My problem is that the bottom panel will
only display enough height to show the initial HTML markup, and not
the spry data generated after the initial page load. Is there any
way to use an observer to "refresh" the accordion to reset its
height to accommodate the new data?
Also, is there a way to require that at least one panel
remain open when using variable heights?
Thanks in advance,
Rod

Hi,
We have a similar question on this
post.
To fit exactly with your request you should change the line:
regionHeight =
document.getElementById("myRegion").scrollHeight;
with:
document.getElementById("myRegion").style.height =
document.getElementById("myRegion").scrollHeight + 'px';
Diana

Can anybody help me up? Spry variable heights?

Hey everybody!
I need help!
I would like to make on a Spry Accordion variable heights...
Actually it shoudl look exactly like this one...
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
But where the hell should I paste/replace it? I tried already
everything...TT
I am using AdobeDreamweaver CS3
The code looks as follow when I dont change anything...
quote:
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* This is the selector for the main Accordion container. For
our default style,
* we draw borders on the left, right, and bottom. The top
border of the Accordion
* will be rendered by the first AccordionPanelTab which
never moves.
* If you want to constrain the width of the Accordion
widget, set a width on
* the Accordion container. By default, our accordion expands
horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector
is not necessary
* to make the widget function. You can use any class name
you want to style the
* Accordion container.
.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
/* This is the selector for the AccordionPanel container
which houses the
* panel tab and a panel content area. It doesn't render
visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This
container houses
* the title for the panel. This is also the container that
the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #CCCCCC;
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's
important to note that
* you should never put any padding on the panel's content
area if you plan to
* use the Accordions panel animations. Placing a non-zero
padding on the content
* area can cause the accordion to abruptly grow in height
while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on
the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open. The class "AccordionPanelOpen" is
programatically added and removed
* from panels as the user clicks on the tabs within the
Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
/* This is an example of how to change the appearance of the
panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover"
is programatically added
* and removed from panel tab containers as the mouse enters
and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all
the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is
programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;
Can anybody give me a piece of advice, I dont know what to
do!!
thanks anyway!!

thanks for your answer!
I didnt know that you must add it into the html file.
I opened the SpryAccordion.js file and I changed it right
away
you had to change only the "true" into "false" that works
too!
And I was so consufed because when I clicked on "customize
this widget" there was everywhere written to open the CSS. file.
but thats only for the colour etc.
Very unclearly written and moreover on this page
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
No where was written I have to add it into my html file as
well.
I have read it now the first time in your post!! so anyway...
There is something I'd like to know, too!
I would be pleased if you could tell me whether it is
possibly to have two or more different
Spy Accordions at the same html file!

Variable Heights Panels Accordion

I have an Accordion with variable heights panels .
Is it possible to have at least one panel always open as the
fixed height panel behaves.
At the moment if I click the open panel it closes.
My Test
Page Here
Thanks,
Richard

Hi Steven.
Could you please provide the URL of the page where we can check it.

Tabular report with variable-height 2nd line?

I have a simple tabular (Tablix) report. The last field is a message (varchar(1000)) which I would like to place by itself on a second line (while still preserving the tabular format), with variable height.
The problem is, when I add a second row to the detail region, I can add the message field, but it is limited to the size of the field just above it. I'm trying to allow that message field to take almost the entire width of the second detail line. Can
this be done?
Thanks.

If you add a row inside the Details group, then select all cells inside the details group that are on the new row, you should be able to merge cells by right-clicking and choosing merge cells.
You cannot merge cells across different scopes (row groups, column groups, etc) so be certain that you are not selecting cells that span different groups.
"You will find a fortune, though it will not be the one you seek." -
Blind Seer, O Brother Where Art Thou
Please Mark posts as answers or helpful so that others may find the fortune they seek.

TileList with variable height renderer example?

I am desperately searching for an example of how to implement
a TileList with a variable height renderer. Well I guess to be more
clear, I am sort of able to do this, but I have a renderer that
uses a VBox, then an mx:Image. My single column TileList will hold
a collection of images, that are all scaled to the same width. I
need the height of the renderer to be based on the scaled height of
the image.

Google "FlowBox".
Tracy

How to make items in a list word wrap as needed and be variable heights

I am trying to build a custom itemrenderer for the List control. The items in the list are variable lengths of text, some of the text items will have different colors determined at runtime base on some criteria (this works fine now with my custom itemrenderer). What I need is for the items to word wrap, and therefore for the list to display items of varying heights. Is this possible to do? All my attempts seem to have failed. If I can't do this with an item renderer any suggestions about how to do this? Thanks very much in advance to any of you gurus who are able to help me.

Trick here is not to specify any height for the renderer so that Flex will determine the height according to the content. Also set the variableRowHeight="true"
Here is a simple example
<mx:ArrayCollection id="dp">
        <mx:Array>
            <mx:Object label="some very long text"/>
            <mx:Object label="some very loooooooooooooooooooooooooooooooooong text"/>
            <mx:Object label="some very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text"/>
            <mx:Object label="some very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text"/>
            <mx:Object label="some very long text"/>
        </mx:Array>
    </mx:ArrayCollection>
    <mx:List dataProvider="{dp}" variableRowHeight="true">
        <mx:itemRenderer>
            <mx:Component>
                <mx:Canvas width="100%">
                    <mx:Text width="100%" text="{data.label}"/>
                </mx:Canvas>
            </mx:Component>
        </mx:itemRenderer>
    </mx:List>

Variable heights

I wonder wether it is possible to have variable heigts from frame to frame in a flash document. So when I make a website I am able to scroll on some of the pages and some not.
I'm not that much into codes, so if you can help me please explain it step by step.
I hope that you can help me.
Thomas

Hi,
You can, using the very useful SWFFIT, from millermedeiros.
With this, you can set your FLA's virtual stage's width and height to whatever sizes you want, changeable on the fly whenever you want. "virtual" because the stage's size doesn't really change, but the browser's scroller will be triggered if the window's size is smaller than the sizes you gave SWFFit.
I must admit it usually is used for full flash websites, and for my part I never tried it on a smaller flash inside other HTML content (I think it would be pointless).
Anyway, you have the link above to get it.
As an example, this is all you could end up writing to set a new stage height:
import com.millermedeiros.swffit.*;
SWFFit.minHei = 900;
SWFFit.startFit();
And that's it.
From your question I understand you are doing a flash app on the Timeline. Well then, you would write this bit of code (example) on every frame when need be.
To set it up, you basicaly need to do 3 things:
- Put the swffit.js file with your published files
- Have the com.millermedeiros set of files at the same level as your fla's (those are the Actionscript classes)
- And the only harder thing to do is to set SWFFit with the id of your swf in the HTML page. You can do this in the HTML page, or directly at the root of your Fla, which I thing is easier when using SWFObject.
Just try to figure out how to make it work with the examples coming with the code.
Design Cyboïde
Designer web Montréal

Variable Height for an Iframe on External server

Our company is developing an internal website. we are using
extensis portoflio to manage a showcase area and moveable type for
a blog area. On the pages where the portfolio content will be
pulled in we are using an iframe (this content lives on the same
server as the webpage), I am able to get the height of the iframe
for this page to resize depending on the content, in Firefox only
in Explorer it cuts some of the iframe off. Can anyone help with
this first.
Secondly and almost more IMPORTANTLY is the blog. I cannot
get the height of the iframe to resize depdening on the content as
it is on another server. I have tried every method out
there!!!!!!!!!!!! Am at my wits end. The external server seems to
be the issue, it's not even external it's just another server in
our domain--**UGH**
Please help!
:brokenheart;

pplschmp2 wrote:
> Our company is developing an internal website. we are
using extensis portoflio
> to manage a showcase area and moveable type for a blog
area. On the pages where
> the portfolio content will be pulled in we are using an
iframe (this content
> lives on the same server as the webpage), I am able to
get the height of the
> iframe for this page to resize depending on the content,
in Firefox only in
> Explorer it cuts some of the iframe off. Can anyone help
with this first.
>
i was fighting with this issue recently and couldn't find a
cross-platform/browser solution
there's an example in dynamicdrive.com that works "almost"
fine in IE &
FF (in FF it shows the vertical scroll bar while resizing)
but fails in
Safari
> Secondly and almost more IMPORTANTLY is the blog. I
cannot get the height of
> the iframe to resize depdening on the content as it is
on another server. I
> have tried every method out there!!!!!!!!!!!! Am at my
wits end. The external
> server seems to be the issue, it's not even external
it's just another server
> in our domain--**UGH**
>
> Please help!
>
>

Variable height for iframe on different domain

Our company is developing an internal website. we are using
extensis portoflio to manage a showcase area and moveable type for
a blog area. On the pages where the portfolio content will be
pulled in we are using an iframe (this content lives on the same
server as the webpage), I am able to get the height of the iframe
for this page to resize depending on the content, in Firefox only
in Explorer it cuts some of the iframe off. Can anyone help with
this first.
Secondly and almost more IMPORTANTLY is the blog. I cannot
get the height of the iframe to resize depdening on the content as
it is on another server. I have tried every method out
there!!!!!!!!!!!! Am at my wits end. The external server seems to
be the issue, it's not even external it's just another server in
our domain--**UGH**
Please help!

> Secondly and almost more IMPORTANTLY is the blog. I
cannot get the height
> of
> the iframe to resize depdening on the content as it is
on another server.
> I
> have tried every method out there!!!!!!!!!!!! Am at my
wits end. The
> external
> server seems to be the issue, it's not even external
it's just another
> server
> in our domain--**UGH**
Iframes aren't a good idea. Is there anyway you can move the
site to the
same server as the blog?
-Darrel

Accordion Variable height problem/ tried everything I could

Hello
I have tried two different versions spry1.4 to spry 1.61
But nothing seems to work...I have almost no knowledge of Java and just the basics of HTML/CSS
this is my code with the changed constructor at the end I also tried altering the values at the js script
as well as removing height at the CSS panel content class
Im using Mac and the problem is at firefox/chrome and safari
Any help would be greatly appreciated!
Thnx a lot!
<link rel="shortcut icon" type="image/x-icon" href="http://www.alexandrosgerousis.com/favicon.ico">
<link rel="stylesheet" href="css/vasi2.css">
<script src="scripts/SpryAccordion.js" type="text/javascript"></script>
<link href="css/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="lista">
<li id="simple">
<div id="Accordion1" class="Accordion">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><img src="images/trondheim thumb.jpg" alt="Proscenium" border="none"></div>
    <div class="AccordionPanelContent">
      <iframe src="trondheim.html" height="100%" width="100%" frameborder="0"></iframe>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="nordhavn.html" target="nordhavn"><img src="images/cphswell2.jpg" alt="Copenhagen Swell" border="none"></a></div>
    <div class="AccordionPanelContent"><iframe name="nordhavn" height="100%" width="100%" frameborder="0"></iframe>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="ouroffice.html" target="ouroffice"><img src="images/selffab.jpg" alt="City Camping" border="none"></a></div>
    <div class="AccordionPanelContent"><iframe name="ouroffice" height="100%" width="100%" frameborder="0"></iframe></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="publications.html" target="publications">Publications</a></div>
    <div class="AccordionPanelContent"><iframe name="publications" height="100%" width="100%" frameborder="0"></iframe>
    </div>
</div>
</div>
</li>
<li id="simple">
<a href="http://www.dogma.gr" target="_blank"><img src="images/dogma.jpg" /></a></li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

Thnx for your reply Ben!
I tried typing the constructor correctly but its not working...what happens is that accordion opens with the default 200px height panel and then the others are frozen.
This is my CSS. I dont know what to do with the panel content height although I tried using it or not and the result is the same... I cant imagine what the problem is.
Alex
.Accordion {
    border-left: none;
    border-right: none;
    border-bottom: none;
    overflow: hidden;
.AccordionPanel {
    margin: 0px;
    padding: 0px;
.AccordionPanelTab {
    background-color:#FFFFFF;
    border-top: none;
    border-bottom:none;
    margin: 0px;
    padding-top:10px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    /*height:475px;*/
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #FFFFFF;
.AccordionPanelTabHover {
    color: #FFFFFF;
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #FFFFFF;
.AccordionFocused .AccordionPanelTab {
    background-color:#FFFFFF;
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #CCCCC;

Keeping at Least One Accordion Panel Open with Variable Heights

Hi -
Is there a way to keep at least one panel open when using {
useFixedPanelHeights: false }?
Here's an example:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
If panel 4 is open, and you click the panel 4 heading, it
closes and no
panel is open.
Thanks,
Rod

Sorry, I didn't read my full message regarding wanting only
one panel to open.
What I ended up doing was using a PHP conditional to display
a message if a certain variable was not passed in the URL. See my
post on the Friends of Ed forum. Scroll to the bottom for my
solution.
http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=5283032876&m=3461018571

Variable Height Footer

Similar Messages

Maybe you are looking for