Flex :: TileLayout With Dynamic Rows And Columns For Paging
Jul 7, 2011
I'm implementing an image gallery which presents assets as equally sized boxes that are forming a grid. I thought that I could easily achieve that by using the spark.layouts.TileLayout but unfortunately I have some additional requirements that I'm unable to implement with it.The general principal should to be to present as many boxes as possible within given space. The entire layout of the application is liquid and depends on the user's screen resolution.[code]I don't know the RequestedColumnCount or RequestedRowCount in advance as they depend on the available space, so the above code layouts all elements from left-to-right and then from top-to-bottom - which is as close as you can get from what I really want to achieve.This list of boxes should be cable of rendering fake paging. In reality it means that if the last visible row does not entirely fit the available space it should be moved to the next page.
To give you an example let's imagine that we have a list of 10 images. Each one is 10x10 px but my screen resolution only allows me to fit a grid 35x35 px. This means that one page is only capable of presenting 9 images in form of a 3x3 grid (as 5 px is not enough to present a full image). The 10th image should be then transferred to the second page.This is obviously not happening automatically with the code that I've pasted above as the TileLayout allows for displaying partially visible rows (in a form of a vertically scrolled list). I was wondering how I could achieve the behavior described above.If the above description does not sound logical please let me know so that I can adapt it (or include more details).
View 1 Replies
Similar Posts:
Jul 22, 2009
I have a 1 row, many column flex datagrid. I would like to turn the dataGrid on its side, so that the column headers become a single column running down and v.v. Is there a way to do that in the DataGrid? Or am I stuck manipulating the data presented to the grid?
I have an object like:
x=y
b=u
o=p
u=e
w=p
And I'd like a control that is visually similar to that. Currently the datagrid displays the object as:
x b o u w
y u p e p
Which is too horizontal for my case.
View 2 Replies
Mar 12, 2012
I have a Flash Datagrid component being populated by data from Robotlegs services. However as the datagrid needs to show more and more rows of info I need to implement a way of loading the data as it is needed. Ideally this will be as the user scrolls down the list, I have seen this in Flex examples but I could do with a pure AS3 solution.
Here is the Flex example: [URL]
View 1 Replies
May 17, 2010
I am trying to figure out how to manage a Datagrid based on an XML object like this:
[Code]...
I will need to populate the Datagrid column names based on a different XML object and use the above XML to populate each of the column's rows. I currently am able to create the Datagrid and populate its column headers but I am unsure as to how to how to add the rows for each column. The above XML will be update with new row and column elements added and deleted. This, of course, will be bound to the Datagrid to show updates.
View 2 Replies
Nov 6, 2009
Is there any way to disable a few columns for a particular row in flex datagrid?
I have a datagrid with about 10 or more columns, say for example a few column names are: Item Id, Item Name, Item Status and VerifiedState. Initially I want the column Verified State to be disabled.
Now When the value of the column, Item Status is Review Passed for a particular row, I want the column VerifiedState to be enabled and editable. Is that possible in Flex datagrid.
View 2 Replies
Feb 12, 2010
i was wondering if it's possible to invert columns and rows - I need the rows to become columns a columns to become rows.
[Code]...
Problem is becouse number of rows (1,2,3) is changed dynamically. I was trying to create new arrayCollection and use different variations of addItem but non of them works and I'm stuck. Maybe some of you know how to do this?
View 0 Replies
Feb 21, 2003
duplicate a movie clip, let's say 15 times, and after the 5th clip a new column is created, on up to the 15 clips making 3 total columns of 5?
View 4 Replies
Sep 13, 2011
The following script loads 48 .swfs into rows and columns using as1
count = 0;
for(var x=0;x<8;x++) {
for(var y=0;y<6;y++)
{
[Code].....
View 4 Replies
May 31, 2005
how would you make these clips organize in columns and rows?
Code:
for (var b=0; b<gallery.childNodes.length; b++) {
item = _root.nav.attachMovie("itemClip", "itemClip" + b, b);
[code]....
View 1 Replies
Mar 20, 2006
I created an array of objects aligned in 1 row. But how do I have to make that the objects appear in several rows and columns.
View 3 Replies
Aug 2, 2007
Any way using actionscript to tell the thumbnails loaded dynamically to load specifically by row or specifically by column or if there a way to have more control over how an xml gallery places each thumbnail in a grid?
View 5 Replies
Aug 24, 2009
I hired flash developer to make me fisheye menu with a lot of rows and columns, be he just can't make it, he says that it stuck and that it is slow when he tries to make a lots of rows and columns, is there any component in flash that could work with to make that.
View 2 Replies
May 14, 2008
I have a thumbnail gallery that gets its images from an xml file, at the moment if there are more than 8 thumbs they go off the page to the right, I'd like to have it so they continue to load in rows and columns but I'm not sure how I'd do this? I limited the images in the xml to 8 and duplicated the mc and xml to get the look, but it needs to really be updatable from the one xml file. Heres the Actionscript-
Code:
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
[Code].....
View 3 Replies
Sep 22, 2010
Another thread I will hopefully resolve before someone replies. I'm making a picture gallery and putting a bunch of thumbnails in a container.
[Code]....
View 1 Replies
Mar 31, 2010
I'm trying to position dynamically generated movie clips into rows and columns. Currently i've managed to position them side-by-side using the same ._y position. I would like to position them into a grid consisting of 25 columns and 16 rows, so mc 26 would sit beneath mc 1 etc...
View 9 Replies
Jun 15, 2006
I need to dynamically stack rows and colums of squares. That is easy enough. But i want to dynamically change the number of columns depending on the total number of squares. This way, i will always have a rectangular grid of squares. I can do this by using a series of if...then statments to check the total number of squares, but this is not a good solution as it will not scale infinately nor is it very adaptable to different layouts.
I susupect that there is a way to find a relationship between the number of squares and the number of columns needed to keep things in a rectangular shape... but it hurts my head to keep trying to figure it out with my limited math skills.
View 4 Replies
Jan 19, 2007
I've been trying to tweak the "image gallery + Bokel loader class" found on the laco web site. The image preloader is pretty nifty:
http:[url]....
I've added Previous/Next buttons which clients always seem to demand, and I've given the thumbnail buttons a static position (something I need to do). I'm having problems getting the buttons to stack in rows/columns though. I can't work with one long column or row of buttons - they need to be stacked in rows, say 6 buttons per row and 6 columns across so that there is a nice box arrangement to the buttons. But the way the functions are written its hard to make adjustments to the placement of clips.
View 9 Replies
Mar 1, 2009
I need to create a multidimensional array with a certain number of rows/columns from variables that store the number of rows/columns. For example say I have:
var r:int = 5;
var c:int = 10;
I want a multidimensional array that has 5 rows and 10 columns, every space within the array filled with the value 0.
View 2 Replies
Feb 2, 2009
i need to use large list of locations in text field round about 5000 to 6000. i have done that but the text field doesnt display data when reaches more than 3000 i think (below it its working fine), i need to cater this prob, maybe it can be done through paging
View 0 Replies
Jan 19, 2011
I want to add specific images to a datagrid row, depending on the data displayed on that row. These images need to be functional buttons with click handlers and everything.For example, if a row displays status of a certain element, like "Editable" then the image displayed in the cell next to it needs to be a green flag, if it isn't Editable then I red flag should appear.
View 1 Replies
Jul 17, 2011
I have a datagrid which displays details for a product. For a particular product i need to display its Id current status(Available/ Not) and which category it belongs to. The category part is a bit different from what it seems to be like. Product A can belong to Category A, B and C while product B belongs A ,c and D and so on. Structure of this table would be something like The category columns are retrieved from database and passed as parameter to construct the columns dynamically in Datagrid. I have defined the following Datastructure on UI to handle this.
Product{
var productId:String;
var productName:String;
var status:String;
var categoryList:ArrayCollection;
}
I am not sure if this will be able to solve my problem. I think I will need to have a Map containing category Names and if it is applicable for that product.
View 1 Replies
Jan 11, 2010
I want to save remotely (on a database) the state (visible columns, columns width and order) of a Flex3 DataGrid.For width and visibility I can simply save them by accessing each column attribute.. But for the order? Do I have to create the dataGrid dynamically?
View 2 Replies
Jun 4, 2011
I have a question about the Spark DataGrid and how it works in terms of garbage collection. What I'm finding is that if I dynamically add and remove columns from the DataGrid at runtime, the GridColumns and ItemRenderers never get freed from memory.
For instance, if I have a list with 10 items and I create 10 columns, there will be 100 ItemRenderers and 10 GridColumns. If I remove all of the columns, they are still there.
[Code]...
View 2 Replies
May 10, 2008
When you resize the browser window the thumbnails rows and columns adjust accordingly to fit.I've managed to attach the thumbnails correct when my enableButtons() function is called but i'm unsure how to approach resizing.
Stage.align = "TL";
var numberOfGalleries:Number = 20;
var thumbMarginX:Number = 163;
var thumbMarginY:Number = 109;
[Code].....
View 1 Replies
Dec 12, 2009
How does paging work, must Flex load in all the database records to determine how many pages to generate? Let's say I have a table with 10,000+ records and want to split it into pages of 10 records per page into a datagrid component. Does Flex load in the complete 10,000+ records, or just some of them? I would like to use PHP and AMF on the backend.
View 2 Replies
Oct 26, 2010
I have DataGroup with TileLayout. How to make datagroup resize accordingly to number of elements in datagroup?For example 1 have 1 row with 4 elements. Each element is 20 pixels tall. So I want my datagroup to be 20 pixels tall as well. If I have 7 elements which will be 2 rows I want my datagroup to be 40 pixels tall and so on.Right now for datagroup with 1 row is about 100px tall.
View 1 Replies
May 2, 2011
i want to implement paging in flex datagrid, i am using this code. In Asp.net we can implement paging by setting property of datagrid, is there any such property for flex datagrid?
View 2 Replies
Sep 13, 2010
I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine).
[Code]....
View 1 Replies
Feb 8, 2011
Here's what I have right now, which works:
<s:List id="list"
itemRenderer="spark.skins.spark.DefaultComplexItemRenderer"
horizontalCenter="0"[code]....
but since there is no name property on the BitmapImage object, I get errors.I guess I need to put each BitmapImage in an Object and also put in a string as a property of the object, but I can't figure out how to do this. This is my best guess, but then I don't know how to specify the property name for the BitmapImage:
<fx:Object label="Truck">
<s:BitmapImage source="@Embed('../images/menus/car_types/truck.png')" />
</fx:Object>
After that, I guess I would make a custom ItemRenderer to read out the properties on each object?
View 1 Replies
Sep 1, 2011
I'm experiencing a very strange behavior with a spark list with TileLayout placed inside a scroller. Basically, I want to have a title area above my list that scrolls away when the user scrolls down the list. To do this I put the title and the list inside a Group and wrapped the group inside a scroller with width and height = 100%. I also set the verticalScrollPolicy to off on the list to make sure everything scrolls together.
The problem is that if the list has the default VerticalLayout everything works fine but if you assign a TileLayout to the same list it only partially renders the items (about 30 items when testing on iPhone 4).
Here's the fully functioning code. Try it like this first, then try removing the <s:layout> part to confirm that it works well with VerticalLayout:
[Code]...
View 1 Replies
