Masked content height is counted!?

I'm building a new full-page flash site and I have a Flash
Scrollbar setup to automatically enable itself when the page
content exceeds the Stage.height. Pretty basic. The problem here is
that I have some components of this website, such as a image
gallery, that uses a "filmstrip" style display to show all of the
thumbnails. Again, basic concept with the clip of the thumbnail
images simply masked. The issue here is that the _height of those
thumbnail clips are included even though the content is masked! So,
if I load enough thumbnails, the masked content eventually gets
long enough to cause the scrollbar to appear even though the
content is masked and technically the scrollbar isn't needed! How
can I stop this _height from being counted? Seems pretty stupid
that the _height of that masked content is being counter. Any ideas
at all? Putting checks into the system for every component with
masked content to offset this problem would be very cumbersome. Any
help is greatly appreciated!
-Jason Kringen
[email protected]

Hey, I think I may have come up with an idea and have started
coding it. I unfortunately have to have the scrollbar pointed at
the very root container becuase this site if a 100% full flash site
that has multiple components/pages that can, at any time, exceed
the stage height and I need that scrollbar to automatically appear
when that happens. What I've started is created a static class
called MaskedContentRegistry that allows any movieclip to define
masked content that it is showing. The MaskedContentRegistry class
keeps a list of all masked content currently being displayed and
determines if in fact the "viewable" content actually exceeds that
stage height or not by calculating the difference between the mask
height and the masked content height, etc. Trying to finish that up
and it seems that that may solve the problem. Thanks again for the
help. :)
-Jason Kringen
[email protected]

Similar Messages

Loading external SWF with masked content - get size of masked area

I am loading an external swf using the SWFLoader component. The swf that is being loaded is masked so that only a portion is being shown. However, when it's loaded the actual size of the swf (loader.content.width && loader.content.height) is the complete swf including the masked area. Therefore, the loaded swf does not display properly in the itemrenderer Is there a way to to grab the size of the just the masked area as opposed to getting the size of the entire swf's contents (area not masked)?
One item to note that is complicating the issue, is that these are swf files that have already been created and there are many of them. In some instances, the size of the stage matches up with the size of the masked area. In other instances, the stage is larger (or possibly smaller) than the masked area movieclip as well as possibly the actual size of the movieclip (w/o the mask).
I am currently loading the external swf in using a Loader. Once loaded, I make a copy (screen shot) of the swf by creating a bmp of the loader.content.This is done as I don't want to have any animations being shown on screen at this moment. I am setting the size of the bmp using using loader.content.width & loader.content.height. I then set the SWFLoader.source to the bitmap.

Here's the code I am using to load the swf:
     <fx:Script>
            <![CDATA[
        protected function application1_applicationCompleteHandler(event:FlexEvent):void {
             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onSWFLoaded);
             loader.load(new URLRequest("c:\\Flex Testing\\FA warns Mr. Jones.swf"), context);
        private function onSWFLoaded(event:Event):void {
            bmData=new BitmapData(loader.content.width, loader.content.height, true, 0x990000);
             bmData.draw(loader.content, new Matrix());
            bmp=new Bitmap(bmData);
            swfLoader.source=bmp;
             addElement(swfLoader);
            with (swfLoader)
                setStyle('verticalAlign', "middle");
                 setStyle('horizontalAlign', 'center');
                 verticalCenter=0;
                horizontalCenter=0
                 scaleContent=true;
                maintainAspectRatio=true;
                 addEventListener(MouseEvent.CLICK,onClick,false,0,true)
                 useHandCursor = true;
                buttonMode = true;
                 width=200;
                height=200;
             loader.unload()
            loader=null;
           ]]>
</fx:Script>

Content Height Problem

Hi all,
Just now i faced a Crazy problem....
When The flash content height is Over than 4000 My content is
not displayed correctly ... Say for example, i am having a Strip
with a Dynamic Text not more than that... I am displaying something
in the Strip dynamic text.... Well, i am duplicating the MovieClip
to generate some more clips,,, upto some points it s working
fine(With the same Code no change in the GUI also)
If the _y position exceed 4000 it creates problem, i can able
to view the Dynamic text but not the strips.....
can any one guess what s the problem here

Yes exactly i am talikng about pixel....
Terribily the problem is I can able to View the Dynamic text
in that area but not the Background Vector Rectangle...
I need more than this much of height, bcz i am Developing a
Hotel management Application...
in tha For 50 Employees(Consider minimum 40) for 7 weeks
means (Each employee is represented as a strip) so totally 350
strips, each strip height is 25 so 350x25 = 12,250 Approximately i
need this much of height, BCZ client don't want to put scroll on
flash....

How can the content height of an iWeb page be reduced below zero?

In some of my iWeb "Photo" pages, there is a large amount of white space, below the last photos, that I can not reduce. In Inspector/Page/Layout, Content Height is 0 px, but the unwanted bottom white space can be as great as the top space occupied by photos. The problem comes when double-clicking on a photo that resides near the bottom of the page: the new page opens at its TOP, but the enlarged photo can be in the white space at the bottom of the page. Scrolling up is then necessary EACH TIME just to view the enlarged photo.
My question, why is there empty white space at the bottom of my photo pages, and how can I get rid of it?

And it remains a puzzlement!
I followed your suggestions, but nothing changed: there is still excess white space below pictures in some of my albums.
Maybe the reason is that my domain files are not in User/Library/Application Support/iWeb folder. They are in User/Sites, and their are three of them now. When I first started using Web years ago, User/Sites is where domains were found and I had only two of them (my travel photos and the pages for my Mac user group, SMUG.net). Last March I added a third site, but by then iWeb no longer allowed creating more than one domain file. So SMUG and the new site co-existed in the second domain file. Eventually, I duplicated the domain file, deleted the SMUG site from one of the duplicates, and the new site from the other domain file. The result is that I got three domain files.
I don't think having three domain files caused the problem that I am having, as I did not add new photos to my travel domain until late May at the least, when my photos of Portugal were entered. And not all those Portugal photo albums have the excess white space below the pictures.
Do you have other suggestions I might try? As other strange happenings have been occurring now and then in my Mac, I've been considering reinstalling OS 10.6 for a while now.

Spry Accordian panel content height for more than 1 accordian in site

Hi,
I have added a couple of accordians to my website on different pages.
When I adjust the panel content height for 1 it automatically changes it for all of them on my site causing scroll bars to be visible - which I am trying to avoid.
I'm new to Spry coding and am not sure what to change.
Thank you for your help

This is a frequent question, in one form or other. It helps to understand that when you insert a Spry Widget, the associated javascript and CSS files are also added to your site files. And if you insert a second of the same type of Widget, DW checks and sees the original js and css files and does not add a second (or third). This is efficient, and also keeps your styling uniform across all instances of that Widget in your site.
If you want Widgets of the same type styled differently, you need to add to your CSS stylesheet style selectors that focus on those parts you want to be different.
Because Widgets are already ID'd, you can't add a new ID directly to the Widget <div> But you can wrap the Widget in a new div and put an ID on that.
Say you want two accordions on a page, one with panel content height of 100px and one with panel content height of 200px.
ID your accordions' wrapper divs: <div id="normalheight"> and <div id="doubleheight"> (use better descriptive IDs).
In the CSS stylesheet, do this:
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: auto;
#normalheight .AccordionPanelContent {
     height: 100px;
#doubleheight .AccordionPanelContent {
     height: 200px;
Be sure to add them directly after the given rule for .AccordionPanelContent; you are re-writing the height in that style selector for your two more specific accordions.
Beth

I need more content height

It seems the maximum for the content height is 4000px, which isn't enough for me. Is there any way to get more content height? Does iWeb '09 have a different maximum content height?
Thanks

Jeffrey ~ +"To increase the default max height of an iWeb page, add a texbox and move it down beyond the 4000pixels perimeter."+
...Quoted from this old thread:
http://discussions.apple.com/thread.jspa?threadID=1686399
And found by doing THIS.

Flash Content Height Problem

Hi all,
Just now i faced a Crazy problem....
When The flash content height is Over than 4000 My content is
not displayed correctly ... Say for example, i am having a Strip
with a Dynamic Text not more than that... I am displaying something
in the Strip dynamic text.... Well, i am duplicating the MovieClip
to generate some more clips,,, upto some points it s working
fine(With the same Code no change in the GUI also)
If the _y position exceed 4000 it creates problem, i can able
to view the Dynamic text but not the strips.....
can any one guess what s the problem here

Yes exactly i am talikng about pixel....
Terribily the problem is I can able to View the Dynamic text
in that area but not the Background Vector Rectangle...
I need more than this much of height, bcz i am Developing a
Hotel management Application...
in tha For 50 Employees(Consider minimum 40) for 7 weeks
means (Each employee is represented as a strip) so totally 350
strips, each strip height is 25 so 350x25 = 12,250 Approximately i
need this much of height, BCZ client don't want to put scroll on
flash....

Layout Content Height limitation

Greetings,
I have tried unsuccessfully to increase the layout content height to over 1,000 px, however it seems there is a limitation of approximately 700 px. Does anybody know how to get around this, or am I just missing something?
Thank you - Scott

Scott:
How are you trying to increase the height? Are you using the Inspector/Page/Layout pane?
Click to view full size
You should be able to go far beyond 700 using that method. Unless the theme you're using won't let you. Plain themes have no limitation. What theme are you using?
One method you can try is to create an empty text box and drag it down. That will usually let you increase the page height. Some themes may not appear right if they have a fixed background height and use special files for the background.
OT

Changing Content Height

Does anyone know if iWeb version 1.1.2 has a bug in the Page Inspector - specifically, with the field for setting Content Height? It's the easiest, most bone-headed thing in the world to do but, and I even checked the Help files to make sure I was doing it exactly as I'm supposed to, but the values will not change, no matter what I do or how many times I press Return. I'm an experienced designer and coder so I don't think it's due to plain incompetence... I sure hope not. Am I overlooking something obvious? Does iWeb place limits on page height, but not make that information known or visible? Help... and thanks. Sorry that was long-winded.

ad-hoc wrote:
Does iWeb place limits on page height...?
Welcome to the discussions. Yes — see this old thread:
http://discussions.apple.com/message.jspa?messageID=8080901

Maximum Content Height

What is the maximum height for an iWeb page? Can't seem to get a content height of more than 4000 pixels. Would that be it?

Jeffrey ~ +"To increase the default max height of an iWeb page, add a texbox and move it down beyond the 4000pixels perimeter."+
...Quoted from this old thread:
http://discussions.apple.com/thread.jspa?threadID=1686399
And found by doing THIS.

Content height

I have been sucessfully using the content height in inspector to adjust the height of my pages. On some occasions it does not work, the numbers go up in the height box but the page does not change, any ideas?

The easiest way to increase your content height quickly is add a text box with your Copyright © notice and drag it down the page.
This notice is usually at the bottom of the page so, anytime you want to lengthen or shorten the page, just click, hold and drag.
To adjust this notice in relation to the bottom of the page, change the "Footer" height.

Plea from technical artist: CS5 clipping mask content selection as a preference...

I just have to weigh in on this.
I've been trying to adjust to CS5, from CS3, since November. It's now March.
My job involves taking apart and editing complex art created by other people... who have all different ways of working. The inability to see what a clipping mask contains when I click on it, AND the inability to edit the contents unless I first locate the perimeter of the mask and/or switch tools, has me working "blind". It's become a real battle to figure out how the previous artist set things up.
I've found workaround methods, but they're just that. I seem to be doing a lot more clicking, double clicking and tool switching, all of which are that much harder on hands that do this for 10 hours a day.
I need to be able to click on an element and know if it is part of a mask, what other additional elements that mask contains, whether the perimeter of the mask is aligned correctly, etc.
PLEASE make it a preference setting to handle masks and mask content selection the old way. When I'm building new art, I'll be happy to work the CS5 way. When I'm trying to figure out what someone else has done... please don't make me work harder than I already do...
Thanks.

Larry (et al),
[Please be assured...I've invested HOURS trying to get this clipping mask to work before requesting help on this forum.]
The exact same image as per my prior post appears when the file is saved:
Illustrator --> Save As --> PDF
Illustrator --> Export --> JPEG (with and without Artboards)
Illustrator --> Export --> PNG(with and without Artboards)EXCEPT: One PNG trial with "Transparency" selected (turned ON) did not have a white background but did have the unwanted 90-degree corners.
Illustrator --> Save for Web --> PNG
Illustrator --> Save for Web --> JPEG
And a few other trials whose details I omitted to record.
After ~dozen trials...with many permutations & combinations of Adobe Illustrator's parameters...all I can generate is the image in my prior post--with the unwanted 90-degree corners.
Let me fully acknowledge, no doubt I'm doing something wrong...yet I just can't figure out what.
@Larry: Would you please clarify the reference to the Avery labels? Regrets, I looked at the site you provided...yet don't understand how it relates to clipping masks.
Here's hoping someone can throw a life-line.
Many thanks to everyone,
Plane Wryter

Accordion in CS3 - content height

I know that changing the appropriate CSS style changes the
height of the first content panel in the Accordion widget.
Setting the height to 'auto' makes the content fit. no
problem.
However, each subsequent content panel is the SAME height as
the first, whatever the amount of content.
How can I change this behaviour so that each panel is
sufficiently hight so that all content fits without
scrolling?

The easiest way to increase your content height quickly is add a text box with your Copyright © notice and drag it down the page.
This notice is usually at the bottom of the page so, anytime you want to lengthen or shorten the page, just click, hold and drag.
To adjust this notice in relation to the bottom of the page, change the "Footer" height.

AS2 drag and drop a masked content from loadMovie clip

In the main content, when I have a movie clip like this   a1.a2.a3 while a3 inside a2 and a2 inside a1, and a2 is a masked layer movie clip.
I can drag and drop the masked content (while a1 stay still) with like this   a1.a2.onPress = function () { startDrag(this); } and a1.a2.onRelease = function () { stopDrag(); }
but then what i need is a1 stay in main content, while moved a2.a3 to an external .swf, and use loadMovie to put .swf(a2.a3) back into a1, and I can still drag/drop a2.a3 when a1 stay still.
I tried differetn methods they all not working. I've learned that you need to create another MC inside a1 like this a1.a4.a2.a3 ( while a2.a3 from loadMovie clip). it only work if I want to drag a1. but if I want to drag masked content a2.a3 it still doesn't.
I really need help it's a project for work.

if I apply drag to a1.a4 , it will still move the whole thing but not just masked content which is in a2.a3
I pretty much given up on this one at this point..   gonna just throw everything into just one big swf save the struggling time,
but thank you for your input.

Tab Content Height

I have a spry tabbed panel on my site with four tabs. The
first tab has a little content, the second tab has a little more,
the third panel has a little content and the fourth panel has a LOT
of content. The problem is that when you are on tab 1 by default
when the page loads, the screen is pushed all the way down to the
bottom of how much content there is in tab 4 even though you are on
tab 1. So tab 1 has a HUGE amount of whitespace underneath it.
Shouldn't the height adjust based on whatever tab you are on at any
given time? If I specify a height in the CSS, it will obey it, but
if the content is longer then the specified height, then the
content text just gets cut off. ???
I just realized this is only happening in Firefox. IE behaves
as expected.

Hi ehaemmerle,
Is your tabbed panel widget in a table?
Several folks have run across this problem in FireFox.
Mozilla/FireFox seems to have a layout bug that is triggered when
you specify a height on the table and the content inside it
actually exceeds that height. Removing the height on the table
fixes the problem.
--== Kin ==--

Masked content height is counted!?

Similar Messages

Maybe you are looking for