I am trying to create a sprite in Actionscript 3 using Flash Professional with fixed width and height that contains a list of TextFields that scrolls up and down. I want the highlighted textfield to be fixed focus with the text that goes out of the sprites bounds to be invisible. I am new to AS3 and tried to set the width and height of the sprite but it did not work. I would do this with CSS by having a with a fixed width and height and setting the overflow property to hidden. Thanks for any help!
Check out the ScrollPane component as you can set a fixed width and height for the content and choose to automatically show scroll bars for the pane.
Add a mask to the sprite to contrain what is visible, http://www.ilike2flash.com/2009/06/dynamic-masks-using-sprites-in.html
Related
The problem
I'm having trouble getting multiple elements to fit on screen without scroll bars and while maintaining aspect ratio. I have a video element and a div (control bar). I want the video element to resize instead of hiding/covering the control bar and adding scroll bars.
My research
Using the CSS provided by this post I'm able to get my video element to adjust properly with the window size. However, the control bar will get hidden if the vertical height is reduced enough, exposing a scroll bar.
Moving the aspectwrapper class to the div that parents both elements seems to break things.
Adding aspectwrapper to both the video element and control bar prevents the control bar from filling 100% width but doesn't stop it from being hidden.
See my JSFiddle of my progress so far. Resize the display window down to replicate my issue.
I found very similar post here, with good visuals. It unfortunately didn't get any solutions though.
I have a textfield ("noteText") inside a container movieclip ("noteContainer"), and I'm setting a scrollpane's source to
scrollPane.source = noteContainer;
It all works well, however word wrap is doing this:
ie it's triggering the horizontal scrolling. I want it to wrap where it should and not trigger the horizontal scroller.
I could make noteText's width smaller, but I want to keep it the same width as noteContainer to make the most of screen real estate.
How do I get the wrap to take into account the width of the vertical scrollbar please?
Thank you for your time and help.
It's because I hadn't set the autoSize property of "noteText" - once set toe "left", it fixed it.
I'm using Adobe Edge Animate and I'm really having trouble with all the different screen sizes and resolutions. I see that Adobe is coming out with new products which may address this issue. Basically all I'm tryng to do is have an image display (like a banner for example) that fills the width of the user's screen. I see the following questions, but answers are old and I know that there has been a lot of development in this area. Any ideas greatly apprciated.
Stackoverflow questions
From the splash screen. In the Properties tab change the switch next to the width to make it 100%. Select the Max W parameter and change this to too. All these tweaks will make the layout responsive. Next drag the image onto the stage and position in the top-left corner. In Properties click on Use Presets for Responsive Layout and choose the Center Background Image option, then Apply. This means the image will stay central whenever the stage morphs. Drag the bottom-right corner handle so the image fits over the entire background. Notice the image doesn’t scale or stretch but stays in the centre. In the Position and Size tab is an expand button; click this and add a Max W of (how many px your image is). Change the width to 100% and press Enter. It will jump right back to 75% but it has accepted the change. Click on the resize marker and drag to the left to see what happens when the stage is resized to a smaller layout. As you can see, the background is clipped but the image resizes to fit.
Here is a link to the tutorial I think this will better answer your question if you do this tutorial. http://www.webdesignermag.co.uk/tutorials/create-a-responsive-animation-with-adobe-edge-animate/
i cannot remember how i can "hide" a movieclip inside the bounds of its parent, so that i can use a scrollbar, and only see what is inside the container if i scroll down? My container is a small rectangle and contains different pictures, but we can see all the pictures even if they are outside the bounds of the parent movieclip.
Would you know how to do this? not the scroll system, just how to : only see what is inside the bounds of the container?
Thanks
That would be masking, which can be done through the timeline layers or through code.
I am wondering it its possible to have a flash file contained in a <div> that covers the entire screen. I have already done that but my question is...
Can you still have the flash content in the <div> and have it transparent and use the html buttons below the <div>?
I would like to keep the flash layer active all the time but how can I use the buttons below? I can't even copy or highlight text.
Thanks for your time.
If the div covers the whole screen are the buttons below the screen and no longer visible or did you place the buttons so they are not below the div but are fixed in place at the bottom of the screen? In which case you should be able to give them a higher z-index than the div containing the flash. That way they are on top of the flash div and should be clickable.
<div id="flash" style="z-index:1;">
<div id="buttons" style="position:fixed; bottom:0px; z-index:4;">
You can also make the flash div clickable to show/hide the buttons that you've placed with fixed position in case the flash really does take up the whole screen. No need to make the flash transparent.