Is there a way to have the TileList component to auto-size to its contents? I have tried setting it 100%, but it seems that won't help. I don't want to hard-code the height because the content will be vary, and I don't want scrollbars to show up.
View 2 RepliesI want to put together a flash gallery of photography for my photography business. I am very good at Photoshop design, html, css, javascript but I am a novice with flash. I can use it and use some actionscripting but my knowledge is limited.
I see galleries like this one: [URL]
The images expand and contract perfectly as the browser is resized. I am used to having to size pics for the lowest res screens (I design for 1024 width resos's usually).
What size should I make pictures to work like this... Does flash scale them down / up / either... are there quality issues with letting flash manage the sizing.
I am working on a flex app that uses XML templates to dynamically create DisplayObjects. These templates define different layouts that can be used for each page of content in the app (ie , 2 columns, 3 columns etc etc). The administrator can select from one of these and populate each area with their content.
The templates add one of 3 types of DisplayObject - HBox, VBox or a third component - LibraryContentContainer (an mxml component that is defined as part of the app) - which is effectively a canvas element with a TextArea inside. The problem that I am getting is that I need each of these areas to automatically resize to fit the length of the content but don't seem to be able to find an effective way to do so.
In the LibraryContentContainer, when the value of the TextArea is set, I am calling .validateNow() on the LibraryContentContainer. I then set the height property on both the TextArea and LibraryContentContainer to match the textHeight property of the TextArea. In the following example, this is the LibraryContentContainer, viewer is the TextArea and the value property of the TextArea is bound to this.__Value. v is the variable containing the content for the textarea
[Code]...
I have a textField that I'm populating dynamically through loadVariables. The text that is being loaded dynamically is HTML with an <img> tag. Once I autoSize the texField the image is removed.
View 2 RepliesI'm trying to have a dynamic text field with a black background. I want the text to be of fixed width, but expandable height, and for the background to grow with the text field depending on the input. I looked at the "autoSize" property for TextField, but it looks like that only adjusts the width.
Some "pseudocode" for your consideration:
rolloverInfoBox.infoTextTitle.text="Title";
rolloverInfoBox.infoTextBody.text="Text body...";
rolloverInfoBox.infoTextBody.autoSize=true; // doesn't work; just for reference
rolloverInfoBox.expandableBackground.height=rollov erInfoBox.infoTextBody.height;
I have an interface that will have a variable amount of buttons in it and the text on each button can be anywhere from 10 characters to 30 characters. What I'd like to do is to have my buttons auto-size width wise based on the length of the text. I don't think that will be too difficult but I'd also like to have rounded corners on the top of the buttons so that they'll look like tabs and from my experience when you change the width of these buttons that have rounded corners they start looking a bit odd since they won't retain their original radius
View 2 RepliesI would like to modify the scrollbar (vertical) of the tilelist component so that there is some space between the top of the scrollbar and the top of the tilelist. Currently, the scrollbar extends the the top and bottom edges of the tilelist. I would like to add a graphic above the scrollbar but below the top of the tilelist. I can't seem to figure out how to do this. I'm working 100% in AS 3 within Flex Builder.
The attached image (picture 3) shows what I would like it to look like (with the yellow lines). Picture 4 shows what it looks like currently.
I've set the publish settings to 100% width and 100% height and have then added the 'noScale' function into the first frame of my timeline. Here is an idea of what I'm trying to create:
I have three movieclips that are touching the left side of the Stage and want them to touch the left side of the browser but centre vertically. I can do this by adding the 'Stage.align = LC' command, but not sure if this is the right way to go about it.
The movieclip that is on top contains a logo and I want it to have a fixed size. I called the instance name 'logo_mc'.
The movieclip below 'logo_mc' is called 'container_mc' and is a strip of photographs that I need to run from the left to the right side of the browser no matter what the browser size. I need this movieclip to scale proportionally up and down as they viewer resizes their browser so the first photo is touching the left side of the browser and the last picture is touching the right side (without distorting).
The final movieclip is called 'buttons_mc' and is right below the 'container_mc' clip. This movieclip needs to remain a fixed size.
Obviously when the 'container_mc' clip resizes I need the other movieclips to move up and down to stay the same distance above and below the 'container_clip'.
Example of what I am trying to create: [URL]
has anyone made a Custom Skin for a TileList component in Flash CS5. I want to change the scrollbar of the TileList, i want the track bar as just a thin white line and the thumb a orange circle, this for a Touch Interface.
View 1 Repliesis it possible to define a width and then autosize the height?
View 3 RepliesI'm doing wrong here? I want to use a Blixt's scrollbar to scroll a dynamic textfield that's is set to a autosizing height.... And I'm having problems. I though I had finally found my perfect scrollbar.... it's so close!
View 2 RepliesI'm working on an A.S 2 document that loads chunks of text from an xml file and places them in different dynamic text boxes. The amount of text in each section differs but each one has to appear one after the other regardless of the size.At the minute I'm trying to position the second one beneath the first by making its y value 10 + the height of the first one. however the height that i keep getting is the original one and not the re-sized one.
Africadetails.autoSize = true;
Africaname.autoSize = true;
Africadetails._y = (Africaname._y) + (Africaname._height) + (10);
AfricaURL._y = (Africadetails._y) + (Africadetails._height) + (10);
In flex the width can be set to 100%,but in flash it seems I can only set the width/height in unit of px.
Is there a way to set the stage to 100% instead of xxx px in flash?
I'm using Flash Professional CS5 if that matters.
I know normally if I want to center a movie clip I would
mcName._x = Stage.width / 2; or * 0.5;
mcName._y = Stage.height /2; or * 0.5;
my problem is I'm using a component that changes the width and height, but the real problem is that the registration point of the component is the top left. I know I seen code somewhere that gets the width of the movieclip, figures out where the center is then positions it accordingly but I'm not quite sure how it's done.
I'm working on an A.S 2 that loads chunks of text from an xml file and places them in different dynamic text boxes. The amount of text in each section differs but each one has to appear one after the other regardless of the size. At the minute I'm trying to position the second one beneath the first by making its y value 10 + the height of the first one. however the height that i keep getting is the original one and not the re-sized one.
My code is
Africadetails.autoSize = true;
Africaname.autoSize = true;
Africadetails._y = (Africaname._y) + (Africaname._height) + (10);
AfricaURL._y = (Africadetails._y) + (Africadetails._height) + (10);
I need to position an object in the bottom half of a container (working on flex 4)- abt 25% above the bottom...and cant use x,y coordinates given need for resizing. I have been able to position the layout containers and they work well
Also need fonts to resize as the buttons get smaller
We are building a flex project and would like it to render faster. We do have situations where we reference parent module size properties to size current module containers, as well as current module size properties for a bunch of attributes including font size and element positions and sizes.
Would it help to create temporary variables for
a) pcw=parentcontainer.width, pch= parentcontainer.height
b) ccw=currentcontainer.width, cch=currentcontainer.height
and reference to pcw,pch,ccw and cch while doing positioning. Also given the bulk of the positioning will be done in mxml, will setting these interim variables in initialization function, allow them to be used in mxml such that they will resize as browser size is changed.
[URL] how to build something like that with controllable column numbers, width and images that might be using XML.the main thing is how to accomplish such an effect?P.S. I've developed an Image Slider using Flash Builder 4.5 The problem is that when I included that in HTML page when someone performs ZOOM with CTRL+ Mouse wheel in a browser, the DIV that holds my SWF file and SWF file itself increases in size but the image itself that is inside my slider still remains of the same size.. How to fix it?
View 1 RepliesWe are building a flash based product (coded in flash builder) and need to ensure that the font size is readable for all standard screen resolutions- we coded fontsize to be a fraction of screen dimensions... still we find that it looks smaller on low resolution and larger on higher resolution
we dont have this problem with other assets like containers/images etc
why this happens? Any thoughts on how we can make it uniform across screen resolutions?
I want to constrain the height of a flex component to the height of the browser viewport.
The component's children are populated from a database table using a repeater, and are basic checkboxes. There are enough of them that the flex app ends up being about twice the height of the screen, which means some of the rest of the layout goes crappy on me. How can I force the component that contains these to limit itself to the size of the viewport?
How to set a Spark List height to the height of its content?Tried this:
var lastRow:IVisualElement =
myList.dataGroup.getElementAt(myList.dataGroup.numElements - 1);
myList.height = lastRow.y + lastRow.height;
It works in case of a single item, but lastRow is null in case of more items.
By default the height of an Flex Accordion container is the height of the initially selected child. I'd like to be able to set the height to the tallest child so that no resizing or scrolling is necessary when other children are selected. I do not want to use the resizeToContent property. I want the size of the container to stay constant no matter what child is selected.
My current thought is to extend the accordion class setting the creation policy to "all" and then override the measure function to loop through all the children and find the tallest one and use that for the height. This seems a little kludgy though, so I'd like to know if there is a better approach. Ultimately my question is: is there a way to set the size of an accordion container such that the container never resizes and scoll bars are never necessary to display any of the children?
In the code below, the presentedAlbumIndex is used to control the selectedIndex of the TileList. Item "five" is initially selected. Whenever the button is pressed the first item in the array is deleted, and the presentedAlbumIndex is decremented.
In theory, the selected index should stay with "five" every time the button is clicked (until "five" is itself deleted). It works this way for the first button press. However, on the 2nd button press the highlighting changes to "six" for some reason. Also, the TileList selectedIndex is always one behind.
I tried looking into ListBase and monitoring selectedIndex. It looks like the selectedIndex is updated initially to the correct index, but then it reverts back at some point to the correct index+1. I do not know why it's setting back.
It seems it's due to the fact that I am doing a data provider delete and index change in the same operation.
Is there some function in TileList I could override to keep selectedIndex up to date?
Steve
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code]....
In my TileList, I want to select the TileList items on rollover, as opposed to the click event. I already have the TileList setup to allowMultipleSelection = "true".
View 3 RepliesI have 2 TileList component in my Flex application. 1 tilelist is filled with data much like following xml sample:
<person name="Test">
<likes>Flex</likes>
<likes>PHP</likes>
</person>
<person name="test2">
[Code] .....
data shown is the preference.
The user can click the first tilelist and then the items that person "likes" should be selected in the second tilelist (in other words they lit up). Click event on my first tilelist
private function highlightPreferences(e:ListEvent):void{
trace(e.currentTarget);
//and now I'm stuck
}
I have an associative array that I want to display using TileList. However, it doesn't understand what is being fed to it. All I got is [object] in the TileList.
[bindable]
public var people as array = new array();
private function loadArray():void{
[code].....
I am navigating the items of tile list using next and previous button. I need to highlight the first item in the tilelist by default ( like the first item is being selected by default)
View 1 RepliesI am going to embed a Flex app on an html page. The html page is already going to have a scroll bar to scroll up and down. The contents of the flex app are very dynamic, and I don't want to have an extra scroll bar when there is already one. So is there a way to make the height of the swf match the height of the contents of the swf?
View 2 RepliesI'm working for the first time with a TileList and an itemRenderer and I'm having a bit of trouble getting the information from my array collection to display Here's what I've got
private function loadData():void{
var stmt:SQLStatement = new SQLStatement();
stmt.sqlConnection = sqlConn;[code].....
how I go about pulling the information from the array and putting it into labels like username, userjob, userbio ect, Inside the TitleList and itemRenderer.
I have made a tile list is Adobe Flex as follows
[Code]...
the problem is the creationComplete event is not fired for each PageImageRenderer, and it is fired only for the tiles visible at start so the rectangles drawn in initComponents() is only drawn for those tiles with valid values, and when I scroll to next row using scrollToIndex() function the rectangles are shown with previous values. and no initComponents() is called for these tiles? however the data.name, data.class are correctly displayed but not the rectangles, why it is so? What is the proper event against which I should call initComponents()?