Suddenly scrollbar at 100%width&height sites

Very, very strange: Suddenly I get a scrollbar at 100%width&height compositions. That started a few days ago. Somebody else recognized? It is in all the browsers (at least on mac).
And it is getting stranger: When you preview the site from edge in browser it is there. When you directly open the html file in the browser it is not there. When I upload the html file it appears again. ???
Was there a secret update on edge? Or all the browsers at once? This is so enological and I spent hours to find the reason for this.
And the scrollbar suddenly is in all of m edge projects when I open them in edge and then save it. I also tried to open a blank document, just set the width&height to 100% and there it is - vertical scrollbar appears.
Please help. This is super disturbing. Maybe somebody form the edge team has an answer to this?
Or for now maybe someone can tell me a code fro turn of the scrollbar manually with a code in edge.
Thanks a lot!

Hello.
Tanks for your answer. This is my site: www.dnzstudio.com
If you scroll down you ll see the scrollbar and some white at the bottom. At least on mac. This was Never there before. Also when I open other projects again in edge and make preview in browser it is like that coming out of nowhere.
And the strangest thing is when I open up a complete new document, set w&h to 100percent it is doing the same. It would be great if you could try that.
I also tried it on my laptop where I also have cc tuning.same thing.
Really interested in your answer if you experience the same thing also when you look on my site on the browser.
Thank you, regards, Deniz
Von meinem iPhone gesendet
Am 16.05.2014 um 11:34 schrieb hemanth kumar r <[email protected]>:
suddenly scrollbar at 100%width&height sites
created by hemanth kumar r in Edge Animate CC - View the full discussion
Its strange ,can you mail me your files so that i can try to find the reason for this problem.
There was not update from at-least edge recently
If your scroll bras are appearing in the body of the page you can hide them by adding the following snippet in composition ready event listener
$("body").css({"overflow":"hidden"});
By do mind this might prevent user from seeing content that user will have to scroll.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6384005#6384005
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate CC by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Similar Messages

Full-browser window flash, 100% width/height not working

Hello.
I'm pretty sure this issue has been discussed before but I
couldn't find a suitable answer.
I need my flash website to fill the whole browser window. In
the 1st frame of my .fla file I used:
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
In the Publish Settings, I used 100% width and height and
Default scale mode.
I even tried adding CSS styles to the .html file, defining
padding and margin as 0px and applying them both to the body tag
and to a custom class that was later applied to the object tag that
embeds the .swf file on the html.
Still, the latest versions of Firefox, Safari and Opera (all
on Mac OSX Leopard) still display a border around the website.
What can I do? Thanks in advance.

Thank you for posting.
I've created a small video to show how to create a 100% width rectangle element. Please refer to the following Link : http://screencasteu.worldsecuresystems.com/aish/2013-03-21_1414.swf
Hope this helps.
Regards,
Aishvarya Raj Rastogi

How to make an Imagine in Adobe Muse span 100% width and 100% height.

Hello,
So this has been really puzzling me for a long time now and I have not found the correct answer.
I want to create the effect on my website where I have an image that fills the screen now matter what size screen you look at it from. I know that this is possible with the 100% width option but you cannot replicate the same thing with the height.
The best way to explain what i mean is by showing this example I have found:
Nils Frahm
If you look at this site, the image fills the screen, use your zoom in and out tools and you will notice no matter what your zoom the page still stays in full screen view! Now, wat's evem better is when you go to scoll using your mouse wheel or the scroll bar, you will notice this full screen image then scrolls up.
Summary:
What I want is a full screen image which covers the screen no matter what size you look at it.
Any ideas??

Yes, you can create that.
Use the image as browser fill with position and apply scroll to fill , so that at certain key position the image will also scroll.
Something like this : http://imagescroll01.businesscatalyst.com/index.html
Thanks,
Sanjit

SWF at 100 % width and proportional height

I have a SWF that I would like to use in an XHTML 1.0 Strict document.
My need is that the flash must:
- Be 100% width
- Grow / shrink proportionally in height (depending on width)
- The flash may not be cropped or distorted
- I must be able to to put a div just before the flash
- I must be able to place a div right after the flash
The flash should behave just as if you pasted below image in an HTML file:
<img
style ="
width: 100%;
min-width:800px;
min-height:280px;
height: auto; "src="xxxx"
alt ="-"/>
I need it to show a dias show (SWF), where the size changes with the browser window size.
If some someone can help, I would be very happy :-)

Here is an older post that has examples of various scaling:
Here are examples of different scaling parameters available in the Publish settings. You can also add these parameters directly in the html (<param name="scale" value="noscale"). All the examples replace the actual Flash dimensions with 100% for both width and height (width="100%" height="100%"). These examples use the old <object> and <embed> to illustrate the different ways to scale Flash. Once you understand how it works I’d recommend that you use swfobject to place the Flash in your final project.
View the source code for each page to see the full code.
http://www.cidigitalmedia.com/tutorials/scale/exact_fit.html
"exactFit" scales the file to fit exactly within the confines of the screen, irregardless if the movie becomes consequently distorted. The original aspect ratio is not maintained. So round things are not round and squares are not square.
http://www.cidigitalmedia.com/tutorials/scale/noScale.html
"noScale" is the default setting, and causes the movie to be displayed at the originally designed dimensions.
http://www.cidigitalmedia.com/tutorials/scale/no_border.html
"noBorder" causes the movie to be scaled to what ever dimensions are needed to have no border surrounding the movie within the player, which consequently could result in some of the movie being cut off from view. In other words, the movie will maintain the original aspect ratio and will fill the screen completely. But if the movie has to be streched wider to fill both sides of the screen, it will also stretch taller, but then some of the top and the bottom of the movie may be cut off from view.
http://www.cidigitalmedia.com/tutorials/scale/show_all.html
"showAll" scales the movie to the size of the screen (which could cause pixelation if the file contains raster information), the difference between showAll and exactFit is that showAll mantains initial movie size proportions. Because it maintains the original aspect ratio, there can be space to the sides or the top and bottom. But everything always shows and they are not distorted. But notice the photo in the center, it becomes pixilated at larger screen resolutions.
The trickiest part of trying to go full screen is that it’s difficult to make the Flash wider without making it taller also, that is, to maintain the correct proportions or aspect ratio of everything on the stage. These methods are just simple scaling accomplished with html. There are also methods to dynamically scale the stage and it’s elements using Actionscript… but that’s a much more complex undertaking.
Best wishes,
Eye for Video
www.cidigitalmedia.com
Adninjastrator

100% width and 100% height slideshow in Muse

Hi, In Muse is it possible have a slideshow that maintains full 100% width image but increases the slideshow height as the browser width is increased? In other words, I would like the slide show image to be say 1000px x 500px but if the viewer pulls the browser width t 1500px the slideshow image would still show the full image by becoming taller. At the moment I can do the 100% width but the slideshow stays the same height and therefore crops the image. .

Hi, In Muse is it possible have a slideshow that maintains full 100% width image but increases the slideshow height as the browser width is increased? In other words, I would like the slide show image to be say 1000px x 500px but if the viewer pulls the browser width t 1500px the slideshow image would still show the full image by becoming taller. At the moment I can do the 100% width but the slideshow stays the same height and therefore crops the image. .

Fullscreen published in flash - htm 100% width and height file is too big

Hello everyone
I need some help to create a fullcreen flash animation inside
dreamweaver.
What I did was to create a html file published in flash 100%
width and height.
It worked well on my explorer browser, but the size of the
file is 995 k and this would be my index.
When I publish on my provider the file doesn't open, probably
is too big as an index, i don't know.
Is there anyone there that could help me on that one?
Thank you
This is the code on Dreamweaver html
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;
charset=ISO-8859-1">
<TITLE>back_men</TITLE>
</HEAD>
<BODY bgcolor="#262626">


11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="100%" HEIGHT="100%" id="back_men" ALIGN="">
<PARAM NAME=movie
VALUE="file:///C|/betoko_webfiles/flash_files/betoko/back_men.swf">
<PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor
VALUE=#262626> <EMBED
src="file:///C|/betoko_webfiles/flash_files/betoko/back_men.swf"
quality=high bgcolor=#262626 WIDTH="100%" HEIGHT="100%"
NAME="back_men" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="
http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>
<script type="text/javascript"
src="fixit.js"></script>

Well, firstly you have > 60 minutes of video, therefore, you should not use the 60 minute preset. Since you have 80 minutes of video, you're probably better off using the 90 minute preset.
Secondly, the presets assume that you are compressing your audio to AC3 with A.pack or Compressor 2 (depending on which version of DVDSP you're using). Uncompressed audio takes up lots of disc space and bandwidth.
Thirdly, the difference between the measured size in the Finder and the size in DVDSP is the difference between true gigabytes (how the Finder measures things) and billions of bytes (how DVDSP measures things). When you Get Info in the Finder, look at the number following the file size in GB... it's a larger number that's so many billions of bytes. This larger number should agree with the number you see in DVDSP. See the DVD FAQ for a discussion of this issue.

Lightbox image 100% browser height or width

Hello everybody,
I am new here but I have a question regarding the lightbox. I am searching for a way to show an image in a lightbox that presents the image 100% browser height or width. The lightbox in muse only can show an image in native format. So if the image is too large for the height or width of the browser, the image will be cropped.
Is there a widget or another way to make the image scale in a lightbox with the browser height and width?
I hope someone could help me with this.

You can use any other slide show with full width as because lightbox will show the original image centrally on screen.
Thanks,
Sanjit

Muse 100% width elements and images have a small white gap running along the right hand side on mobile site

On the mobile version of my site all the 100% width elements and images have a small white gap running along the right hand side. This looks very unprofessional. There are no other elements outside the area. Any ideas anyone? All advice would be greatly appreciated! Thanks

Hello,
I have checked you site on the phone and it seems that Zak is correct.
Please go to the phone layout and make sure there is no element out side the browser area at the right side.
You can simply do Select All to find if anything is outside the browser area. If you find anything you either need to delete it or you need to bring it in the browser area.
If still an issue please share he muse file with us and we will investigate it further.
Regards
Vivek

Create popup - 100% width x 100% height

I'm trying to create a popup window using PopUpManager and a
TitleWindow that will cover the entire application. In other words,
I'm looking to have a 100% width x 100% height. Unfortuntely, this
doesn't seem to be working - only absolute widths/heights seem to
be working.
Any suggestions?
Thanks!

That is not surprising. Popups are not exactly rooted within
the application, so relative sizing will not work. Try getting the
application size form the width/height properties at run time and
setting the popup size accordingly.

Help with two DIVs as columns at 100% page height

I've got two DIVs side by side on my page and I want both columns to fill the page from top to bottom.
The left DIV stops about half way down the page.
There are DIVs inside of each column.
My test link is: http://faceworks.webtestingsite.net/pages/facials.html
Here's the CSS I used for the columns,
#leftSideBkgd {
          position:absolute;
          min-height:100%;
          background-color: #f0f0f0;
          width: 25%;
          left: 0px;
          top: 0px;
          z-index: 0;
          background-image: url(../img/bkgd/leftMenu.jpg);
          background-repeat: repeat-y;
          background-position: 100% 0px;
#rightSideBkgd {
          position: absolute;
          background-color: #FFFFFF;
          width: 75%;
          left: 25%;
          top: 0px;
          z-index: 0;
          min-height:100%;
          background-image: url(../img/bkgd/pageBkgd.jpg);
          background-repeat: repeat-x;
          background-position: 0px 0px;
html {
          height:100%;
body {
          height:100%;
          background-image: url(../img/bkgd/pageBkgd.jpg);
          background-repeat: repeat-x;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          background-color: #FFF;
          font-family: Tahoma, Geneva, sans-serif;
          font-size: 14px;
          font-style: normal;
          line-height: 1.75em;
          font-weight: normal;
          color: #000;
Thanks for your help with this

You cannot safely force the height on those divs, without also getting ugly vertical scrollbars.
Your choices are three -
1. Use Faux columns (Google it) to make it *look* like the divs are the same height.
2. Use javascript to actually dynamically determine what height to use for the columns.
3. Use CSS3 to make the adjacent columns behave as if they were two adjacent cells in a table, resulting in them being the same height.
My preference is #1 - it's easy and VERY effective. I don't like #2 as a solution, and #3 works beautifully if you are not worried about supporting IE6 or 7.

Insert 100% width flash banner in HTML

Hi all,
i am trying to insert a 100% width flash banner in an html
page. The problem i am facing is that i am inserting the banner
inside a div which has some margin in it. This is effecting the
percentage size of the flash banner. How can i display the flash
banner in that div without the margin width effecting the flash
banner size.
(01) - <div style="margin:0px;"> <object
classid="somevalues"></object>
The size of the flash banner is perfect and when the window
is resized the flash banner fills in perfectly with the div tag and
the retains its width and height
(02) - <div style="margin:50px;"><object
classid="somevalues"></object>
The flash banner gets effect and the width is effected.
Please help....

> BUT if I try to insert a Flash movie/banner into the
template - then it
> does not appear of ANY of the site files.
Because of the active content .js fix, when you insert a .swf
file into a
template, you must use a Site Root relative path for it.
Open the .dwt template file.
Double-click on the .swf in design view- the "browse to file"
dialog box
should come up showing the currently selected file.
look in the bottom of that dialog box for the pulldown to
change from
document relative path to site root relative path. Change it
to site root.
click okay and save the file, and let changes propagate.
does it show in the child files now?
[note- It may still not show during local preview because
site root relative
paths in javascript will not make any sense during local
preview- they
should work fine on the remote host if the site has it's own
domain name
though]
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Fit Table width/height to Margin

It would be a great handy feature if the table width could be fitted to the margin of the page.
Moreover 'tables' need some more extra features like : distribute rows/column evenly to fit table width/height. At present this feature extends the table width/height when applied. Once I fix the width and height of the table, distribute rows/column must fit to that width/height only. The table should only extend when I add rows or column.

>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX).
Bad start. Read this for a better approach -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Then read this -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Jonclyde" <[email protected]> wrote in
message
news:gfenmb$dek$[email protected]..
>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX). The first page opens
fine with the table
> occupying 100% up and down as required, but clicking a
link to the second
> page
> causes the table to shrink in size, even though (as far
as I can tell)
> both
> pages are virtually identical when it comes to layout. I
did one page,
> then
> copied it to make the second page. Check it out for
yourself here:
> www.jonathanstewart.com/chc/index.html. I can get the
second page
> (Services) to
> open properly only if I set the target to _blank. Check
the far right and
> bottom of screen on both pages. The bar at the bottom
should rest on the
> bottom
> of the browser window whatever the window's size, and
the bar at the top
> should
> extend "off the page" at both left and right. Any ideas?
>

Horizontal scrolling with a table that is 100% width of window/container

Hello,
I'm a bit perplexed - it seems to me that the only way that I can have both fixed and scrollable columns in a table, with a table that resizes to the width of the user's screen, is to have percentage widths for all the entries.
Warning imminent rant
This seems to me to almost defeat the purpose. I want to be able to show more columns if the user has a large screen, and less if they have a small screen, keep certain key fields always showing and have the space avaliable for each column fixed to the size of the column contents. Having percentages of the screen for all columns just means that the column will get wider and thinner, not more or less!
Is there any hope that this might come along with client side scrolling in NetWeaver EhP2? Or does anyone have a cunning solution to the problem?
Now, I can sort of understand why this functionality has been build like this (the ABAP not having any real idea of how wide the screen actually is) - but why deliever such a solution at all? I can almost understand a fixed width situation, although all that code for a minimal improvement over just specifying the number of scrollable columns is suprising - but I struggle to see the use case for setting all the columns in a table to display as percentage widths.
Rant over -
If anyone does have any ideas how to have a 100% width table with fixed width columns - please do let me know.
Cheers,
Chris

Can this work:
Emebed your table UI element in Transparent Container UI element ( give it a fixed width ), now make table width as 100 % and make each column width as Width of Transparent Container / No of Columns.
Although I'm suggesting this but in my opinion giving fixed width to any UI element height width property is not advisable and recommended. It is because when browser will be resized by the user then if there is a fixed width settings then scrollbars would appear and layout may also go haywire.
If on the other hand if we are giving % (relative of window ) in width height of UI elements then layout will be adjusted automatically.
Regards
Manas Dua

100% width not working, help please?!

Hopefully this image will help show the problem I am having, I will also paste the code I have so far just in case it is not readable in the image.
I am working in Dreamweaver CC (current updates) on a Windows 7 64 bit platform. I have built about a dozen web sites in dreamweaver, so I am not an expert, but I am not totally clueless either. I have done what I am attempting to do on other websites, so I am completely stumped on what I am doing wrong here. All help is appreciated!
So, that's the intro! Here is what I am trying to do:
I want three background divs that are stacked one on top of the other, with all three of them spanning 100% of the screen, regardless of screen size (haven't set up media queries yet to go smaller, right now I am just trying to set it so that the backgrounds fill all screen sizes)
So the top bar is the tan, then the middle bar is the dark brown, and the bottom bar is the yellowish. At first I did not apply ANY width to "body" but I did try setting it to 100% as well. Each of the three background divs were then added, and all three were set to 100%, with an image in the background (for the texture and color) set to repeat across.
No matter what I try, the three bars seem to have a width limit of about 740 pixels. It is not a setting I ever created, and I started the page as a blank html page--not from any template. I can't find what is imposing this width setting on these elements.
Here is the really weird thing...it actually DOES work on a wide screen--the bars go all the way across...it is on small screens (my fifteen inch test monitor, my iphone, ipad screen) that the backgrounds will not go across!
The image in the header (all of the images are just one image) is 1280 pixels.
I'm sure that someone is going to point me to something that makes me slap my forehead in total embarrassment, but I will gladly take the humiliation to be able to move forward on this project! HELP?!
Thank you,
Michelle

So, this is my update. Taking all of Nancy's suggestions, I have rewritten my code, and as far as setting it up so that all three content areas have backgrounds that go all the way across the screen no matter what screen size (big or small) it all works--
BUT, I do want to have the actual page contents confined to 1280 pixels at the largest (even if it involves scrolling on smaller screens), and I would like the confined content to be centered on the page.
In the past, all I had to do was create a div container for that content, assign a width value, set right and left margins to auto, and this gave me centered content in the middle of the page.
I attempted to create this center content by adding a div within the top bar (for example) and tried using both a "width: 1280px" value and a "min-width : 1280px" value, and both had the same affect that I was dealing with before--it imposes a width value on the 100% backgrounds--and the really weird thing to me is that it is NOT imposing a width value of 1280 on the backgrounds, it imposes a 780px value...even though that value is not used ANYWHERE on the page or in any of the css.
This is the new html code, and below that is the new css style sheet:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/new_main_css.css" rel="stylesheet" type="text/css">
<style type="text/css"></style>
</head>
<body>
<div id="header_Bar">
    <div id="headerContainer">
      <div id="HeaderTop"><img src="images/header_images/header_images.png" width="100%" height="426" alt="xxxxxe is xxxxx's hair salon and day spa"/></div>
      <div id="navbar"></div>
    </div>
    </div>
<div id="main_contentBar">
</div>
<div id="btm_contentBar"></div>
</div>
</body>
</html>
@charset "utf-8";
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 369px;
/**re-scales up to native image size**/
img {max-width: 100%}
body {
    margin:0;
    padding:0;
    background-color: #2c2117;
#header_Bar, #main_contentBar, #btm_contentBar {
    width:100%;
          min-height: 475px;
#header_Bar {
          background-image: url(../images/backgrounds/header_background.png);
          background-repeat: repeat-x;
#main_contentBar {
          min-height: 100px;
#btm_contentBar {
          min-height: 379px;
          background-image: url(../images/backgrounds/bottom_background.png);
          background-repeat: repeat-x;
#header_Bar #headerContainer {
          min-width: 1280px;
#headerContainer #HeaderTop {
#navbar {
          min-height: 40px;

100% widths & skins on skinnableContainer

Hi all,
Having great fun with Flex 4 however I can't work out how to get 100% width on a SkinnableContainer.
I have the following MXML:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               minWidth="1024"
               minHeight="768">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <s:SkinnableContainer skinClass="skins.SCSkin">
        <s:SimpleText text="Hello world"/>
    </s:SkinnableContainer>
</s:Application>
With my skinClass for skinnableContainer:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo">
    <s:states>
        <mx:State name="normal"/>
    </s:states>
    <s:Rect top="1" bottom="1" left="1" right="1">
        <s:fill>
            <mx:SolidColor color="#FF0000"/>
        </s:fill>
    </s:Rect>
    <s:Group id="contentGroup"
             top="20"
             bottom="20"
             left="20"
             right="20">
        <s:layout>
            <s:BasicLayout/>
        </s:layout>
    </s:Group>
</s:Skin>
Now I understand that the skin sets things like the padding which I have placed on the Group above (top=20). What I can't figure is how to get 100% width for my SkinnableContainer to sit within it's parent. Reason is I want to style the SkinnableContainer to be kind of like a Box in Flex 3 and set width to be 100%. I can then style this as a containing box as a list item perhaps.
How do you do it? It appears that the SkinnableContainer skin cannot set it's self to be 100% of IT'S parent only it's children. I bet I'm missing something there?
Oh and I have also found that if you place a SkinnableContainer inside a Halo navigator (TabNavigator) you have to place a Halo container as the Halo navigator's first child, no problem. But t=any skin applied to the SkinnableContainer does not show. The only way round is to place the SkinnableContainer inside a Group, then the SkinnableContainer skin appears fine. This sounds like a bug to me, is it or is it intentional?

Opps, yes I forgot about the Metadata an oversight. So the correct way is to use hostComponent (no code hinting yet in IDE) instead of something like width="100%"? They work the same.
Ok so I now have (MXML snippet):
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <mx:TabNavigator width="280" height="100%">
        <mx:Box>
            <s:SkinnableContainer skinClass="skins.SCSkin" width="100%" height="100%">
                <s:SimpleText text="Hello world"/>
            </s:SkinnableContainer>
            <s:SkinnableContainer skinClass="skins.SCSkin" width="100%" height="100%">
                <s:SimpleText text="Hello world"/>
            </s:SkinnableContainer>
        </mx:Box>
    </mx:TabNavigator>
    <s:SkinnableContainer skinClass="skins.SCSkin" width="25" height="50">
        <s:SimpleText text="Hello world"/>
    </s:SkinnableContainer>
With the following Skin code (snippet):
    <fx:Metadata>
        [HostComponent("spark.components.SkinnableContainer")]
    </fx:Metadata>
    <s:states>
        <mx:State name="normal"/>
    </s:states>
    <s:Rect top="1" bottom="1" width="{hostComponent.width}" height="{hostComponent.height}">
        <s:fill>
            <mx:SolidColor color="#FF0000"/>
        </s:fill>
    </s:Rect>
    <s:Group id="contentGroup"
             top="20"
             bottom="20"
             left="20"
             right="20">
        <s:layout>
            <s:BasicLayout/>
        </s:layout>
    </s:Group>
This works fine.
What is strange is that when I use <mx:Box> instead of <mx:Container> my SkinnableContainer skin shows up strange as Box extends Container.
I agree with the concept of mixed Halo and Spark and the nsamespaces.
Thanks

Suddenly scrollbar at 100%width&height sites

Similar Messages

Maybe you are looking for