# Grid Allignment of Objects/Images

**URL:** <https://forum.kirupa.com/t/grid-allignment-of-objects-images/266380>\
**Category:** flash\
**Created:** [July 19, 2008, 3:30am UTC](https://forum.kirupa.com/t/grid-allignment-of-objects-images/266380 "2008-07-19T03:30:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lynxz3](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@lynxz3](https://forum.kirupa.com/u/lynxz3)\
**Post date:** [July 19, 2008, 3:30am UTC](https://forum.kirupa.com/t/grid-allignment-of-objects-images/266380/1 "2008-07-19T03:30:46Z")

</div>

Hi guys im making an flash app which sorts images into various arrangements but im having trouble getting the grid arrangement to sort properly and display the images in a proper grid arrangment. Some images get sorted and aligned in the grid arrangement but others dont…

here is the code maybe someone can help me.

```auto
private function gridPhotos(e:Event):void
	{
	
		//Tweener.addTween(spr2, {scaleX: targetScale, scaleY: 5.0, rotation:180, time:1.0, transition:"easeinoutquad"});
		
		const gap:int = 15; // horizental and vertical gap
		
		var rowWidth:int = gap; // current row width
		var rowBaseline:int = gap; // baseline of current row
		var rowHeight:int = gap; // height of the tallest child in current row
		
		var n:int = photos.numChildren;
		for(var i:int = 0; i<n; i++)
		{	
			minX = -500, maxX = 2700;
			minY = -450, maxY = 2000;
			
			var child:DisplayObject = photos.getChildAt(i);
			if(child is Shape) continue; // void its 'clickgrabber'
			if(child is Wrapper) continue;
			var bounds:Rectangle = child.getBounds(photos);
			var selfBounds:Rectangle = child.getBounds(child);
			var xOff:Number = selfBounds.x * child.scaleX;
			var yOff:Number = selfBounds.y * child.scaleY;
			trace(bounds);
			
			if(bounds.height > rowHeight) rowHeight = bounds.height;
			
			var targetX:int = rowWidth-xOff+minX;
			var targetY:int = rowBaseline-yOff+minY;
			var targetRotation:int = 0;			
			//var targetRotation:int = photos.rotation;
	
			
			var targetScale:Number = 0.08;	
		
			
			rowWidth += bounds.width + gap;
			if(rowWidth > maxX) // need to start a new row
			{
				rowWidth = gap;
				rowBaseline += rowHeight + gap;
				rowHeight = gap;
				
				targetX = rowWidth-xOff;
				targetY = rowBaseline-yOff;
				
			}
		Tweener.addTween(child, {scaleX: targetScale, scaleY: targetScale, rotation:targetRotation, x:targetX, y:targetY, time:0.65, transition:"easeinoutquad"});
		//syncPhotos(child);
		}
	}

```

Thanks in advance