Flash :: Set Label Width Inside Itemrenderer For Spark List In A Liquid Layout?
Jun 29, 2011
In a flex project that I have that is designed to scale 100% to the web window, I have a spark list. And I have a simple itemrenderer that takes the data and displays a name, and a message. Just think of it like a simple instant messenger display. The problem is that for my msg_txt label I want to give it a width thats the width of the parent list thats holding it.I tried turning the horizontalScrollPolicy to off, also tried width="this.parent.parent.width}" (as well as this.parent.width) for the spark label inside the item renderer. and in the label i tried some things like left="0" right="0" maxWidth="{this.width}" but nothing really does the trick.How can I make this label have a max width of the list thats holding it, AND make sure it resizes if the size of the browser changes and the list size changes?heres the list:
<s:List id="chat_content" width="100%" height="100%"
alternatingItemColors="[#EEEEEE,#E6E6E6]" contentBackgroundColor="#EEEEEE"
horizontalScrollPolicy="off" itemRenderer="renderers.ActiveChatItemRenderer">
[code].....
View 2 Replies
Similar Posts:
May 3, 2011
I am trying to create a generic List, where I can pass the layout & item renderer as parameters.Since it is not possible to pass parameters to a MXML component's Constructor, I figured I should create my List in Actionscript.
[Code]...
I would prefer to have the List in MXML (because It will be easier using states later), but If I am forced to use pure Actionscript so I can instantiate it and pass in parameters, any help would go a long way.
View 1 Replies
Sep 1, 2011
I have a main application that contains a list, using a custom itemRenderer to display data.
I would like to be able to call a function, inside the itemRenderer, from the main application.
When running the app, we have a list with three persons, and a button. I want to call the function myItemRendererFunction() inside the itemRenderer, of the selected item in the list, all this, from the main app.
[Code]...
View 1 Replies
Jan 22, 2009
I have all of my content inside of a movie clip placed on my stage and through timeline AS 3 I have a simple scripting that aligns and sizes that MC (and all of its contents) to keep proportion with the stage and to fill it at all times I am having 2 issues
after the preloader, and intro play the content for the gallery pages (it is a photo website) clips the buttons down at the bottom (all dependent on browser size at the time) however once the window is resized, it Snaps into a proportion that I like. the second issue is more than likely related. the mc that I am using as the background (ecru texture) does not fit to fill once the screen has been resized I have minimized the noticeability by changing the background color to come close to my texture but I would like to know why these issues are happening. here is the development page [URL] this is my main timeline code
[Code]...
View 2 Replies
Oct 26, 2010
In Flex I can create an ItemRenderer to represent each item in the Lists DataProvider but how do I access the instance of the ItemRenderer via the DataProviders Object? Something like myList.getItemRenderer(dp.getItemAt(10));
View 2 Replies
Apr 25, 2011
I need to create a slideshow using data received from another view.I'm calling the slideshow's view like this:
<s:List id = "list" dataProvider = "{actions}"
change = "navigator.pushView (DetailsProduct, list.selectedItem) ">
<s:itemRenderer>
[code].....
View 1 Replies
Apr 12, 2010
I have:
an ArrayCollection of Numbers;
a List using the above ArrayCollection as it's dataprovider, and virtualLayout=true;
a custom ItemRenderer that shows a label with:
a) the number
b) an y position depending on the number AND the highest number visible
In another words, if I have 10 numbers in the AC, and only 5 appear on the screen, the y position of those 5 will depend on the value of the maximum number for those 5. When the user scrolls, of course those 5 elements change so the position of the label in item renderers will change.
1) How can I get the list of items that are "currently" visible?
2) Which event/method to override will help me know that the List was scrolled/the visible items changed?
View 3 Replies
Aug 5, 2011
I need to set the text of a spark label and then position such label along the x axis depending on its width. Unfortunately, it seems that the width of the label does not update right away and thus the positioning will fail. I can listen to updateComplete events on the label and update its position then, but that means repositioning the label a lot more often than I would like (updateComplete fires off a lot more often than upon changing width). how to properly handle what would appear to be a trivial task?
Here's a code snippet that shows what I described above. If you press the button you will see 3 traces: the label width before changing its text, right after setting its text, and when the label is done updating itself. Would love to know if there's a way to get the correct width without having to listen to updateComplete events... The button and the VGroups are just there to run the example
<?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"
[Code].....
View 5 Replies
Dec 29, 2010
I am using a spark list control with an itemrenderer. Whenever I set an itemrenderer's currentState, the moment I mouse out of the itemrenderer, it gets reset to its default state. How can I make an itemrenderer keep its currentState unless I explicitly tell it to change?
View 1 Replies
Feb 9, 2011
I am having an issue with my ItemRenderer, which I am using for a spark List. My code is the following:
I have this list:
<s:List
id="productSetList"
dataProvider="{ model.productSets }"
[Code]....
The thing is, if I scroll the list, and click on an item, it does not trace 'arthur' ! Why is this so ? I must trace that all the time that someone clicks in the list!
EDIT: If I remove change="model.selectSet( productSetList )" in the list, it works!! but I cannot remove that, some suggestions ? How can I switch that to another function?
View 2 Replies
May 4, 2011
Objective:I would like to pass Skins to an itemRenderer (which is a Button) of a List, and be able to skin every button in that List.This is what I have:
List:
<s:List itemRenderer="renderers.ItemRenderer" dataProvider="{collectionWorkspace}" />
ArrayCollection:
<s:ArrayCollection id="collectionWorkspace">
<comp:Layout1 />[code]...
I get an error (fixed for clarification):Error: Skin for Application....Button1 cannot be found.
View 1 Replies
Oct 11, 2011
Suppose I have a (Spark) label. What is the best way to find the length of the text in it? I looked at the myLable.measureText("bla bla") method but it says: To measure text in Spark components, get the measurements of a spark.components.Label or spark.components.RichTextfter looking around I cannot find what this is refering to. I tried myLabel.measureWidth() but this does not return anything usefull (it frequently returns zero). Note: I am explicitly setting the width like this:<s:Lable width="{globalWidthVariable"} .../>If the text overflows I would like to increse the globalWidthVariable to the size of the text.
View 1 Replies
Jan 17, 2011
I'm writing a s:ItemRenderer to render some simple graphical components in my app. Each element can have multiple shapes that can be selected by the user, i.e. a certain element can be a square, or a circle, or a star, or whatever else.The simplest way I could think for doing this was to include all possible shapes in a s:Group and then manage their visible tag depending on what shape the user has selected. Is there a better way to do that? Also, if I encapsulate the group in a separate MXML component, how do I propagate the state of the itemRenderer (say "hovered") down to the MXML component that manages the shapes?Let's say you want to display three types of objects alternatively - the IR below with an AS snippet that turns visible to false for 2 out of the 3 objects definitely does the trick, but seems so ugly to me. In the mean time I found setCurrentState (stateName: String, playTransition:Boolean=true) to propagate the state down, so that's solved.[code]
View 1 Replies
Jul 23, 2009
I'm using a custom itemrenderer to display a list of photos and need to know how to control the width. At the moment it does this: Which, as I'm sure you'll agree, is eye-bleedingly ugly. The list is created like this:
[Code]...
View 3 Replies
Nov 14, 2010
swfobject.embedSWF("flash/main.swf", "myContent", "100%", "100%"...
It turns out the above doesn't work,how can I instruct to swfobject that I want the swf to be as wide/high as possible?
View 1 Replies
Feb 21, 2009
Where to find a tutorial for flash liquid layouts?
I want to place my footer, navbar in a exact part of the screen for whatever resolution the user has.
View 1 Replies
Jan 18, 2010
I am sure this is an easy one but I can't figure it out: I have a movieclip (tester) that I am locating on the stage via the following code:
[Code]....
What I want to have happen is have it start in the defined location but when you drag the browser window open the "tester" movieclip scales up in size but stays centered on those cooridinates - basically as the window gets bigger I want it to stay in the same place but get bigger and be able to control ( by percentage) how big the movie clip grows as the window opens.
View 0 Replies
Feb 13, 2010
I'm building wordpress blog themed in flash and I've already run into one problem. this doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Will not let me scale my .swf to 100% width and 100% height. Width is fine, but the height is not. my css is as follows:
[Code]......
View 1 Replies
Jun 29, 2011
Basically the majority of my content is flash based. I designed it using Flash Builder (Flex) and Its in a liquid layout, (everything is in percents) and if im JUST embedding the flash content it scales to the page fine, and i have the flash content set to have a padding of 50 px.
I put a header div in fine with no problems, but I have 2 problems, the first being the footer div seems to cover up the buttom of the flash content in IE, but it looks just fine in chrome. How can I solve this? I'm using the stock embed code that Flex provides, I tried to edit the css style for the div which I think is #flashContent and give it a min width and min height but it didnt seem to work, actually anything I did to #flashContent didn't seem to do anything, maybe its not the div i need to be adding that attribute to...
And my other problem is I dont even know where to start when it comes to placing a div thats 280width by 600height colum to the right side of the flash content. If i could specify a size for the flash content, and the float it left, and float the colum right, and clear it with the container div id be just fine....But remember the flash content is set to 100% Scale (well techically 100%x80% because it looked better that way). how I can start to deal with creating a more complex scaleable flash layouts that includes other divs? ALL WELL MAINTAINING IE SUPPORT? IE is ruining my life.
Here's the code I'm using:
(or if it will help you visualize what im trying to do here's the page where im working on setting this up http://apumpkinpatch.com/textmashnew/)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
[code]....
View 1 Replies
Mar 24, 2011
I have made a liquid layout flash site in AS3 but it doesn't rescale correctly in any browsers above 1440x900. I know most people don't have screens bigger than this but it should be scaling to the entire window regardless of the screen size, small or large. Can anyone take a look at my code which has resize handlers but I still have no joy. This is the website but I am not allowed yet by this site to add the entire url! [URL]
package {
import flash.events.MouseEvent;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;
[code].....
View 1 Replies
Oct 29, 2010
I've wrote a custom itemrenderer for a List component (Flex 3.5) which is a VBox with a Label and a TextArea wrapped inside. All works fine so far but I want the TextArea in the first itemrenderer to receive focus so that it instantly becomes editable when tabbing onto the List. Is that possible and if how would I achieve this?
I've already added an event listener that selects the item at index 0 but the textArea in it should also be focussed at that moment _list.addEventListener(FocusEvent.FOCUS_IN, onListFocusIn);
private function onListFocusIn(e:FocusEvent):void
{
_list.selectedIndex = 0;
}
View 1 Replies
May 11, 2010
I'm just learning how to do a liquid layout,I found one tutorial which gave me this basic script:[code]It does what the tutorial says, but there's an error in the output. It doesn't work when I give the 2nd function another name or when I combine both functions. Is there a way to fix this script, or is there a better way to approach this?
View 2 Replies
Mar 10, 2008
I used the liquid Flash layout file from this site , but i got one problem.I placed the script in a layer called actionscript and on frame 1, under it there is a other layer called background. I placed in just a square with a gradient color and made it a movieclip. I also placed this on frame 1. Everything is working perfect from this point but when i want to place a keyframe on frame 10 in the background layer and make a motion tween so that the background fades in from 0 opacity to 100, it doesn't work.
View 13 Replies
Jun 20, 2007
This is for the more advanced developers or to anyone who knows:
what are the downsides to the liquid layout? because i use'em, i love'em, and i can't understand why everyone doesn't use'em.
View 11 Replies
Dec 10, 2009
I am making a liquid layout in flash using as3,it worked pretty well with the following code, for the movie clips that are going to be on stage from the very beginning.
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
setStage();[code]....
But when I try to load a movie clip by clicking a button and using the ddEventListener , it dose load, but doesn't float here is the code that I think have some problem:
demon_mc.addEventListener(MouseEvent.CLICK, getSlider);
function getSlider(event:MouseEvent):void
{[code]....
as you can see I have defined the variables Width adn Height inside the function as well and I am using WIDTH/2 to define the x position,Well it laods in the exact position but won't float as I minimize the stage
View 3 Replies
Jul 2, 2011
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
<s:VGroup id="main_container" horizontalAlign="left" paddingBottom="10" paddingTop="10"
verticalAlign="top" width="100%">
[Code]....
View 1 Replies
Jul 29, 2009
I'm doing this site (swf is attached) and as you can see the header, footer and the menus are liquid, the width changes depending of the size of the window.My problem is: How can I animate that 3 components if they are liquid ? After the loading of the website I'd like to animate the bars growing up from the right to the left, how can I do that if I don't know the widths ?
View 6 Replies
Feb 10, 2008
I am trying to create a flash site that utilizes a liquid layout, but also allows for vertical scrolling, something which I am not sure if it is possible. The code for the liquid layout that I am using is this one [URL]Currently, such code creates this layout [URL] Obviously one of the key features of a liquid layout is that takes up as much or little browser real estate as you give it. However, I have found that when I create a liquid layout using this code for a flash site that is vertically longer than the browser window (such as vertically long body of text) the code does not allow you to scroll down. The liquid layout causes there to be no scroll bars in the browser.
I hope I have described my problem clearly. My question is; Is there code that would allow for the flash site to be liquid only horizontally, while VERTICALLY the flash site would be able to be scrolled.
View 1 Replies
Mar 3, 2012
I'm trying to set a Spark list control to 100% height of a View inside of a TabbedViewNavigatorApplication.
<s:List dataProvider="{dp}" itemRenderer="renderers.Renderer" width="100%" height="100%" />
Using this I can't seem to get the list to fit to the view, it always ends up being much too tall.I'm testing using the Flash Builder mobile profile, the results seem to be the same across all phones. Setting the height to some number under 50% seems to bring the list closer to full width but it's not consistent across phones.
My app container is set for 160DPI
<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160" applicationComplete="init(event)">
I haven't come across this issue until I started using TabbedViewNavigatorApplication, 100% seems to work fine in a standard view based application.
View 2 Replies
Jul 12, 2010
I'm trying to arrange thumbnails / movie clips within a liquid GUI layout where on resizing the browser window, the thumbs shift / rearrange to fit the new size.I have followed the tutorial on URL...and its been great but doesn't explain how to rearrange elements. URL...
View 2 Replies
