How to use the horizontal align property of TileList or List in flex? I want to make an align left of my TileList with only 1 column. I know I can use a simple List for that, but this is a requirement.
View 2 RepliesI have a list component filled with text of varying length.
I currently have this
But I'm trying to get this
And is it possible to manually wrap the row height depending on the size of the text inside the row?
How can align my application to the left in Flex ? The application is horizontally centered and when I resize the browser window it stays centered. It is not css padding, it is flex padding, so I guess I have work with Flex code.
I've tried to add the following properties to the Application container: paddingLeft="0", left="0".. but it doesn't work. Still centered. I've also tried to set "align","left" in the html/javascript code, but it doesn't solve the issue, because the padding is inside the flex application.
Any way to bottom-left align components? An <HBox .../> nested in a <Canvas .../> doesn't work because the elements in the HBox are top-aligned instead of bottom aligned.
For example, I'd like my components to be aligned like this:
+-------------+ <-- container
| components |
| | V |
| V +--+ |
| +-+ | | |
| +-+ +--+ |
+-------------+
How to align the Spark Buttons Icon to the left? / like the icons to be all 3 pixels from the left // I have checked the sking class of the Spark buttons, but they doesnt expose the Icon property for further extending the skin/
View 1 RepliesI have a Flex app. and have a top banner where I have one graphic I want left aligned, one graphic I want to hug to the right, then some text I want always centered in between the two. Which layout do I use to do this?
View 1 RepliesThis should be relatively simple, except that my entire movie (site) is TopCenter based. I just have one movie clip (some text) that I need to be top Left aligned & I can't figure out how to put it there, especially since it is within an MC that is centered and full-screen (liquid layout). This is my code right now (within terminal MC):
PHP Code:
// initiate postitions and scaling values for objects
//////The below is what I need left-aligned; current values are incorrect:
//_level0.terminal_stage.terminal.terminal_text._x = -440;
//_level0.terminal_stage.terminal.terminal_text._y = -315;
_level0.terminal_stage.terminal.terminal_bg._width = Stage.width;
_level0.terminal_stage.terminal.terminal_bg._height = Stage.height;
[Code] .....
The terminal_text MC should be about 20px from the left edge & 20px from the top edge of the browser...
I'm having a small problem with aligning movieclips. I have 2 movieclips.
For examples sake let's call them
black_box
red_box
I need red_box to align to the bottom left of black_box. Now the code I'm using works when black_box lays on the 0 axis for both x and y. But since the positioning of these movieclips are dynamic I'm having problems.
I'm almost sure I just need to add in the current x and y values into the equation but I simply can't figure it out
Code:
red_box._y = black_box._height - red_box._height;
red_box._x = black_box._width - black_box._width;
I want flash banner to span acros the screen so I put width="100%" and Stage.scaleMode = "noScale"; ok. But, this way all its content is centered. I want it to stick on the left, and so I put this code in it:
Code:
onEnterFrame = function () {
_root._x = 0.5 * (750 /* original document width */ - Stage.width);
}
This works. But the way this thing works when I resize browser window is far, very far from smooth. I tried to change it to
Code:
onEnterFrame = function () {
var rx = 0.5 * (750 - Stage.width);
_root._x = rx + 0.1 /* or another number */ * (_root._x - rx);
}
I am wondering if there is some straightforward way to do this, like some hidden FLA setting, or some Stage/_root property, and if there is no, how the hell to script it?
i have a swf object in my page, and i want it to have 100%width (entire screen) but i want the swf to be aligned to the left. with the following code it gives me the 100%width but the swf is aligned to the center of the page, is there a way to change the alignment?
<object type="application/x-shockwave-flash" data="http://localhost/arquitectos/flsh/menu.swf?" height="120px" width="100%">
<param value="http://localhost/arquitectos/flsh/menu.swf?" name="movie">
[Code].....
I have problem when loading gallery from external swf [URL] to [URL] into portfolio. Pictures are cut on left bottom side.
View 0 RepliesI want align my flash file to left-bottom of browser in float mode for all resolution it's position fixed left-bottom. I use DW 8 and Flash MX.
View 6 RepliesI'm trying to get my clip to stay at the left of the screen on stage resize, but it isn't working. This is my code:
stage.addEventListener(Event.RESIZE, resizeHandler);
function resizeHandler(e:Event){
circleMenu.x = 0;
}
Obviously that doesn't work, but how do you get the global zero X position. When I resize the window, my clip moves along with it.
Can I set a loader component to load a picture whit a middle align instead of top-left?
View 9 RepliesI am still very young to the fullscreen flash phase.. thats why I have a quick question:How do I align my elements (movieclips) to follow the bottom or the right/left side of the website?
View 2 RepliesI'm planning to provide the visitors of my website an option to toggle between their normal window and an optional fullscreen window. I just don't know how to align a simple movieclip to the left bottom of my fullscreen window (margin 20px). I can't use static parameters because it has to be adjusted to everyone's personal screen resolution. Does anyone know how to fix this?
View 1 RepliesI created an isntant of a list component on stage called "myList" and added 8 items to it.I need to align the labels in this list to the right or center.It's on the main time line and not in a seperate as file (if it matters...).I tried using setStyle but it failed (not the solution or I used it wrong).
View 3 Replieshas 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 RepliesI've some components with dynamic heights. They have to be aligned with respect to the bottom of my canvas container, so I cannot set the same y for all components.
I could compute their heights and successively set the y but I was wondering if there was an easier way to do it.
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 RepliesIs 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'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()?
I have prepared a simple test case for a PopUpButton opening a TileList with black and red entries and it mostly works, but has 2 annoyances. I've searched a lot, tried several variants (added [Bindable] members in my renderer; added color member to the bids array; created my public override set data() method; ...) and has been getting some answers too, but they are way too general.
1) Scrolling "tl2" right-left doesn't work well: the entries are displayed in a mix of red and black. I know the TileList reuses itemRenderer, but how do I fix the problem?
2) In debug-mode I get numerous warnings: warning: unable to bind to property 'label' on class 'Object' (class is not an IEventDispatcher)
[Code]...
I'm using the TileList in a Flex 3 website. I need to set the rowCount and columnCount to factors of the total number of items in my array. For example, let's say that there are 15 items in my array. Then, I'd like to set the rowCount to 3 and the columnCount to 5 (3x5=15). Or if I had 16 items in the array, then I'd like to set the rowCount to 4 and the columnCount to 4 (4x4=16). The problem is that the length of the array varies. It's pulled from a database.
View 1 RepliesI've got a tileList in a Flex 3 website. I want to programmtically turn off the visibility of a tile. So for example[code]...
View 2 Replies