Help with Datagroup layout , resize items

Hey everyone. I currently have a spark data group using a TiledLayout with a custom itemRenderer. The normal to hovered transition for the items in the datagroup is a scale effect , more specifically when you rollover an item , the item scales up by 10%. Everything works fine except that mechanisms in the tiledlayout causes a shifting effect between the focused item and the others. Everything in the datagroup tries to re-layout when the focused items scales up , and inversely shifts back when focus is lost. I dont want to have anything move at all , rather stay static , and ideally what i need to happen is have the focused item scale up and actually swap depths with the adjacent items so it sits at the top of display list in this case. It basically needs to overlap the adjacent items. Can anyone recommend a custom layout example , or some similiar references ? I have a feeling this is going to require a cusomt layout class , which i have no problem writing , but i suspect this is a fairly common design for image lists / grids.
Thanks !

You might find this post helpful:
http://flexponential.com/2009/06/24/zoom-in-on-items-in-a-list-with-a-tilelayout/
You might also want to look into the applyChangesPostLayout property, see this thread for an example:
http://forums.adobe.com/message/2925867

Similar Messages

Help with Print Layout Designer

Hi all,
I'm not sure if I should post this here or not, I already posted it in the Business One Forum. Moderator(s) if this is not the proper place please delete it and let me know that it is not the appropriate venue.
I need some help with Print Layout Designer. I am running 2005A SP01, and my customer wants a modification to the Sales Backorder Report. They want to add the column "In Stock" to both the report as displayed on the screen and the printed document. The report rendered to the screen has the In Stock, but it is not checked as visible. I check it and In Stock shows up as designed. The part I am having problems with is the printed document. I opened the PLD from the Backorder Report, and saved it under a different name. I resized some of the columns in the repetitive area (header and data) to make room for the In Stock column. I CAN add the text field Instock as free text and enter "In Stock" as the content. I looked at the "backorder" column in the PLD, and it is a text field with the source System Variable and the variable is 109. I would assume that all I need to do in my added column is to set the source to System Variable and enter the variable number. That is the problem; I can't find the variable number for that column. I looked on the report rendered to the screen with system information on and the variable is "3 #000027825,OnHand". I looked at the Back Order column of the report rendered to the screen and the variable is "3 #000028725,OpenCreQty". I found a spreadsheet that is supposed to contain a list of system variables for 2007A, but the document type for this report is BRDR and that document type does not appear in the list of document types in that spreadsheet. I looked for a similar spreadsheet for 2005A SP01 but didn't find one. I DID find a document "How To Customize Printing Templates with the Print Layout Designer". According to that document, I should be able to get the system variable from the report rendered to the screen with System Information turned on. Can anyone help?
TIA,
Steve

I haven't dealt with this before so I can't be certain, but here are my thoughts.
The Backordered Qty is probably a calculated field, so that's why it's a system variable. The In Stock is a defined field, so you probably can use the file and field number, OITM, OnHand. I would look at maybe the stock number or description to see how those are setup on the form instead of the backordered qty field.

Heed Help With Form Layout

Hi all
I am developing a j2me program that need display photos on a form like a photo gallery. I use image item to hold the resized photos on a form.
What I want is to display 3 photos in a row, like this
x x x
x x x
the programm is working fine on the emulator and nokia phone, but when I try on a Windows Mobile phone (HTC the JVM is Jbed) , It only display one photo in a row, like this
X
X
X
No matter what layout option and the size of photos, it only display one photo in a row
I really need help with this
Thanks

The only way to get more consistent behavior across devices is to use the low level API -- Canvas, not Form. You cannot interfere with device-dependent implementations of the layout of a Form.
db

Help with website layout

Hi, I need help with Dreamweaver CS4. I don't know HTML which
is why I am using this program. I am using the AP Div (Not the
Insert Div Tag) Icon at the top in the Standard Layout tab accessed
by the icon at the top of the panel in the classic layout mode.
Here is my problem. I am trying to make sure the text and
spacing is the same as much as possible from browser to browser.
The spacing between the lines (leading) is different. Sometimes the
text jumps out of the box or text lines get cut off and looks
jumbled. My pages are layed out with a bunch of AP divs so I can
place them wherever I want. For example I draw one AP div (which
has the square box in at the left top) and then another one below.
Even though they are not touching, the browser displays them
overlapping with the text clashing. Or sometimes text just runs
wild. I've tried to use tables but they are too limiting and I am
not being able to place them freely. Is that because browsers do
not recognize CSS? How do I get at least a decent consistency
between browsers? What am I doing wrong?

As well as the links below - another way to learn (including
anyone else's bad habits) is to find a page you like, and then tell
your web browser to show you the code view for the page and/or do a
"Save As" and save the page to your computer to then copy &
paste code segments into your file (in IE click View at the top,
select Source from the options)
HTML and/or DW Tutorials, and other information links that I
have saved
http://validator.w3.org/
http://www.visibone.com/
http://www.w3schools.com/
http://www.hotscripts.com/
http://www.projectseven.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
http://www.how-to-build-websites.com/
http://css.maxdesign.com.au/floatutorial/
Download User Guide as PDF for easy search
http://www.adobe.com/support/documentation
http://www.ianr.unl.edu/internet/mailto.html
http://lynda.com/ Hours of videos.
(must pay)
http://apptools.com/examples/pagelayout101.php
http://www.thesitewizard.com/archive/css.shtml
http://www.projectseven.com/tutorials/index.htm
If not PDF (link above) an online guide to read
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
FormMail
http://www.bebosoft.com/products/formstogo/index.php
For those using MySQL - Installing PHP and MySQL on Windows
XP
http://www.webassist.com/professional/products/solutionrecipes.asp
Community MX lessons
http://www.communitymx.com/abstract.cfm?cid=3D074
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go

Need help with Page Layout and Background Scaling

hello, everyone.
I am in the process of designing a new website for myself,
and while I was researching nicely designed pages to use as
inspiration, I stumbled upon this site:
http://www.jeffsarmiento.com/
obviously, the design is very impressive, but it also
incorporates a lot of web mechanics that I have been trying to
figure out, so I will use this page as an example.
one thing I need help with is backgrounds. as you can see in
the posted website, the creator used a seamlessly tiled paper
texture to display the bulk of his content on. also make not of the
pattern that is located to the left of the paper texture. how do I
create seamless backgrounds like this that will scale to fit any
amount of content or any resolution? I can't imagine that the guy
that made that site created a new size background every time he
made an update, so there has to be an easier way.
the second thing that I am having trouble with is general
site layout. I have read that most sites used series of invisible
tables to organize there content, but when I open the source of
this page in dreamweaver, he was using something different. div
tags? should I be using these? who do I use them? are there any
general layout tips that someone could pass on to me? perhaps a
link to a good tutorial?
please help me. i am very confused.
thanks so much.

IMO not a good site to emulate. To wit:
Top background image:
http://www.jeffsarmiento.com/images/bg-top.jpg;
745px
x 350px 137K
Main background image:
http://www.jeffsarmiento.com/images/bg-tile.jpg;
745px x 950px 130K
Total page size: 454K (Check here:
www.websiteoptimization.com)
Website usability experts routinely recommend a maximum page
size of ~80K
Check out the We We Scale @ www.FutureNowInc.com/wewe/ where
they suggest,
"You speak about yourself approximately 0,003 times as often
as you speak
about your customers. Might that have an impact on your
effectiveness?"
That is 100% consistent with the #1 Web Design mistake:
"Believing people
care about you and your web site." or to phrase more
expansively, "Our site
tries to tell you how wonderful we are as a company, but not
how we're going
to solve your problems."
www.sitepoint.com has some excellent books on making a
website actually
attractive and usable at the same time.
Walt
"beWILLdered_" <[email protected]> wrote in
message
news:[email protected]...
> hello, everyone.
> I am in the process of designing a new website for
myself, and while I was
> researching nicely designed pages to use as inspiration,
I stumbled upon
> this
> site:
>
http://www.jeffsarmiento.com/
> obviously, the design is very impressive, but it also
incorporates a lot
> of
> web mechanics that I have been trying to figure out, so
I will use this
> page as
> an example.
> one thing I need help with is backgrounds. as you can
see in the posted
> website, the creator used a seamlessly tiled paper
texture to display the
> bulk
> of his content on. also make not of the pattern that is
located to the
> left of
> the paper texture. how do I create seamless backgrounds
like this that
> will
> scale to fit any amount of content or any resolution? I
can't imagine that
> the
> guy that made that site created a new size background
every time he made
> an
> update, so there has to be an easier way.
> the second thing that I am having trouble with is
general site layout. I
> have
> read that most sites used series of invisible tables to
organize there
> content,
> but when I open the source of this page in dreamweaver,
he was using
> something
> different. div tags? should I be using these? who do I
use them? are there
> any
> general layout tips that someone could pass on to me?
perhaps a link to a
> good
> tutorial?
> please help me. i am very confused.
>
> thanks so much.
>

Need Help with particular layout

Hi,
I need help with a particular layout with jsf.
I dont be able to get this layout with checkbox and inputtext.
label checkbox
label checkbox
label checkbox
label checkbox
label checkbox labelinputtext inputext
with panelgrid I obtain only this one
label checkbox
label checkbox
label checkbox labelinputtext inputext
label checkbox
label checkbox
But I want place inputext and its label next to the last checkbox.
Could someone help me? Thanks

<h:panelGrid columns="2">
     <h:selectManyCheckbox layout="pageDirection" styleClass="styled">
          <f:selectItem itemLabel="Ischemica" itemValue="Ischemica"/>
          <f:selectItem itemLabel="Ipertensiva" itemValue="Ipertensiva"/>
          <f:selectItem itemLabel="Valvolare" itemValue="Valvolare"/>
          <f:selectItem itemLabel="Cardiomiopatia" itemValue="Cardiomiopatia"/>
          <f:selectItem itemLabel="Altro" itemValue="Altro" />
     </h:selectManyCheckbox>
     <h:panelGrid columns="2" styleClass="tableA" >
          <h:outputText value="Specificare" />
          <h:inputText value="" styleClass="styled2" />
     </h:panelGrid>
</h:panelGrid>
In my css I insert class
.tableA{
vertical-align: bottom;
}

Need help with a Layout problem

I'm writing a game japplet, and I'd like to have the following layout:
1 JPanel that takes up the whole screen
1 JPanel on top of the first panel in the lower left corner
1 JPanel on top of the first panel in the lower right corner
What layout manager would be best for this system, or can I get away with just using setLocation()'s

For a game, using a layout manager could not be the good solution... for example, if you have to draw a game area of fixed size, it's incompatible with a layout management which could reduce or grow the area's size.
Personnally I would use the null layout solution... harder to code but much more reliable in this case!
Good luck for your game... ;)
Regards.

Help with page layout

Hi,
I'm trying to design a page with a table layout having different number of rows in 2 columns:
Line 1: ____ City: ____
Line 2: ____ State: ___
Line 3: ____ Country: _____
<no data here> Postal Code: ______
I have tried using rowLayout ->
|_ CellFormat
|_MessageComponentLayout (for the Line1, Line2 and Line3) (1 column, 4 rows)
|_ CellFormat
|_MessageComponentLayout (for CIty, State, Country etc.) (1 column, 4 rows)
But this is not gettig aligned properly. The first cell is just 3 rows wide and 2 is 4 rows, so there are emplty spaces. How can we best design this?
I have to design another layout with 3 and 5 rows in 2 columns.
Any help will be greatly appreciated.
Thanks,
Ashish
Edited by: Ashish Srivastava on Feb 10, 2010 12:59 AM

Hi Reetesh,
For the first region I was able to add a MessageLayout region to MessageComponentLayout and add a space item to MessageLayout. It works fine.
However, I have another region where I need to display 3 fields in column1 and 6 fields in column2. I tried the same approach by adding 3 spacer Items to MessageLayout (beneath the 3rd field). But this is not working.
The layout for this region (part of the main table) is:
rowLayout
--- Cellformat
-------Region (Header)
----------MessageComponentLayout
-------------field1 (messageTextInput)
-------------field3 (messageTextInput)
-------------messageLayout
----------------spacer1
----------------spacer2
----------------spacer3
-------------field4(messageTextInput)
-------------field5(messageTextInput)
-------------field6(messageTextInput)
-------------field7(messageTextInput)
-------------field8(messageTextInput)
-------------field9(messageTextInput)
I want to display it as:
field1 field4
field2 field5
field3 field6
<empty> field7
<empty> field8
<empty> field9
Sorry to bother you with this, but if you can suggest anything, it would be great.
Thanks,
Ashish

Beginner needs help with css layout

i'm new to using dw (cs3) and css, though i have some
background in html and coding. i'm creating a page using the "one
column elastic, centered, header and footer" layout and i have a
banner header with a horizontal spry menu bar at the bottom of the
header. the background color of the buttons on the menu bar is red,
and there's a yellow 5px border on the top and bottom of the red
menu bar, so it looks like there's red bar with yellow piping above
and below it, and this bar is between the header and body section
of the page. i've set these colors in the "ul.MenuBarHorizontal a"
rule.
now, the issue i have is that my menu bar does not extend
across the entire column, so there's empty space to the right of my
menu bar (between the end of the menu bar and the far right
column). i'd like the look of the red and yellow menu bar to extend
all the way across, but i can't figure out how to do this in css.
do i:
extend the menu bar all the way across the width of the page?
i can't figure out how to do this.
insert an image to make it appear as though the red and
yellow bar keeps extending to the right? if so, how will that image
remain elastic along with my page?
or is there a better solution?
i'm very new to css and i'm doing my best to figure out how
everything fits together. the last web site i built was in 1997 and
it was done in notepad. any help would be tremendous. i'm in
kinshasa, in the democratic republic of congo, and truth be told
there aren't a lot of dw gurus out here.
thanks in advance...

Can you post a link to your page, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"charliemooreiv" <[email protected]> wrote
in message
news:[email protected]...
> i'm new to using dw (cs3) and css, though i have some
background in html
> and
> coding. i'm creating a page using the "one column
elastic, centered,
> header
> and footer" layout and i have a banner header with a
horizontal spry menu
> bar
> at the bottom of the header. the background color of the
buttons on the
> menu
> bar is red, and there's a yellow 5px border on the top
and bottom of the
> red
> menu bar, so it looks like there's red bar with yellow
piping above and
> below
> it, and this bar is between the header and body section
of the page. i've
> set
> these colors in the "ul.MenuBarHorizontal a" rule.
>
> now, the issue i have is that my menu bar does not
extend across the
> entire
> column, so there's empty space to the right of my menu
bar (between the
> end of
> the menu bar and the far right column). i'd like the
look of the red and
> yellow menu bar to extend all the way across, but i
can't figure out how
> to do
> this in css.
>
> do i:
>
> extend the menu bar all the way across the width of the
page? i can't
> figure
> out how to do this.
>
> insert an image to make it appear as though the red and
yellow bar keeps
> extending to the right? if so, how will that image
remain elastic along
> with
> my page?
>
> or is there a better solution?
>
> i'm very new to css and i'm doing my best to figure out
how everything
> fits
> together. the last web site i built was in 1997 and it
was done in
> notepad.
> any help would be tremendous. i'm in kinshasa, in the
democratic republic
> of
> congo, and truth be told there aren't a lot of dw gurus
out here.
>
> thanks in advance...
>

Help with page layout please

This may be a stupid question, but I am new and still
learning. I hope that someone will help me out. I am learning
Dreamweaver and I notice that some more advanced looking pages have
better looking layouts. For example this link
http://www.templatemonster.com/website-templates/20061.html
is of a page that has a heading box with Newspaper text and then
the page background color appears to be off white… But on top
of the heading box and the background, It appears to be a large
rectangular box with more boxes inside it and the biggest box
overlays the newspaper heading box slightly. What is this called
and how do I achieve this? I am thinking this is some type of
advanced form of tables. But I notice on other pages ex:
http://www.templatemonster.com/website-templates/19973.html,
http://www.templatemonster.com/website-templates/19976.html
some boxes are rounder and they are placed all over the page…
I didn’t think you could move/adjust tables in Dreamweaver. I
notice that some pages even have different background design on
some parts of the background and not all… how is that
possible if you can only select a solid color for your background
color in Dreamweaver? Are there tutorials somewhere that I could
follow?

>more advanced looking pages have better looking layouts.
Ok... so take a look at the CODE for those pages... As well
as the links below - another way to learn (including anyone else's
bad habits) is to find a page you like, and then tell your web
browser to show you the code view for the page and/or do a "Save
As" and save the page to your computer to then copy & paste
code segments into your file (in IE click View at the top, select
Source from the options)
HTML and/or DW Tutorials
http://validator.w3.org/
http://www.w3schools.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
Download User Guide PDF for easy search
http://www.adobe.com/support/documentation
http://lynda.com/ Hours of videos.
(must pay)
http://www.projectseven.com/tutorials/index.htm
If not PDF (link above) an online guide to read
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
For those using MySQL - Installing PHP and MySQL on Windows
XP
http://www.webassist.com/professional/products/solutionrecipes.asp
Community MX lessons
http://www.communitymx.com/abstract.cfm?cid=3D074
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go

Help with sliced layout

Ok, I'm sure you guys get this kind of topic frequently
enough to make you want to rip your hair out, but here it goes.
I recently acquired a template to use for my online gaming
team.
I have the template, but it needs some fixing-upping in
Dreamweaver.
What the site looks like now,
null
here.
What I would like it to look like,
here.
What it looks like in Dreamweaver,
here.
It seems to me to be as simple as centering the layout and
defining a repeating background that expands with however big the
viewer's browser window is; I need help accomplishing this.
I have attached the code.

That's what backgrounds do by default.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"cypress_" <[email protected]> wrote in
message
news:f3t6m4$gq5$[email protected]..
>
quote:
Originally posted by:
K0rrupt
> <table id="Table_01" width="1016" height="1251"
border="0" cellpadding="0"
> cellspacing="0" align="center">
>
> align="center" <---- add that
>
> That should do it. If i may...you should consider not
using the template
> straight out of imageready. just makes alot of
unnecessary codes. Making
> it
> from scratch can save you alot of time and headache.
>
> Awesome, it worked!
>
> Now, how do I make the background repeat to fill the
browser window?
>

Need help with landscape layout

Need some help. Tyring to build layout for a financial report. Each report will have 1) data block with company name, stock symbol and price 2) one or two line headline 3) two to three paragraphs of text and 4) large graph...I cant seem to get a nice layout which accents the company information and has enough space around the headline. . I tried putting the information block at top left, the paragraphs directly below and then the headline and graph towards the right side.
Doesn't seem to be working..... Any tips on setup/placement would be appreciated

Help with Fixed layout book.

Recently uploaded a fixed layout book to apple. It was rejected, and as usual we received a onliner from Apple - (blurry, pixelated, split across page breaks, etc.) The book is 150dpi and meets all Apple's guidlines. Any suggestions on what else we can try? The book has art running across 2 pages. Is this not allowed?

Okay, after taking a look at the book on my iPad, and digging into the epub file on my Mac, I have a couple of ideas as to why it wasn't approved (and, yes, I'd agree, the one-liner from Apple could have been more specific).
First, on my iPad, the book is not actually opening as a fixed layout book. It's opening as a regular book with your images flowing as text. With the images flowing as they are, many are browen across page boundaries (as you'd see in, say, MS Word, when an image is pasted across a page break), and this is probably why Apple mentions pages being split. In digging into the epub file I didn't see a com.apple.ibooks.display-options.xml file, which is where you specify various features for the book, including fixed-layout. You need this file in the META-INF folder.
The second issue is actually much larger, and likely the reson Apple responded as they did. Each page in your book is stored as one big jpeg containing both graphics and text (sort of like a PDF), and each xhtml page merely inserts that image in the flow of your book. Apple requires that images not contain text, as this makes it impossible for readers to search the contents or use other features of iBooks such as the dictionary and copy'n'paste. Text embedded in an image does not scale when zoomed in the same way that standalone text is able to scale and be re-rendered as a true font.
I think you'll need to readdress how your pages have been laid out. Separate the text from the graphics and treat them as independent objects in your HTML and CSS. You might be able to get away with removing all the text from each of your jpeg images and still having "full bleed images" that are simply missing all the text, then layering in the text via HTML.
Hope that helps!

Help with printing out Speakable Items folder(s)

I have a visually impaired family member who would like to learn how to use spoken commands on her iMac.
I have not been able to find a way to print out the "Speakable Items" folder(s) in order for us to let her know what exactly she can say; it is not at all feasible for her to read it from the screen.
It's very, very frustrating for everyone to have the Speakable Items feature available, and not be able to use it properly!

Thanks Niel!
Having it printed out in the way you suggested helped me. To make the text large enough for the person with visual impairment to "see", I also resorted to actually typing them out in Pages and making it about 72pt; I had to print it out so that they can hold the paper right up to their face.

Help with GUI Layouts and ContentPane

Hi all,
I need a little help.. I am writing a program to display a window with different widgets,
This is how it's layed out: (picture a window in your head):
Text Field OK Button
JList 3 vertically stacked JList 3 vertical stacked JList Cancel Button
checkboxes radio buttons
Help Button
Text Field Small Combo Box One checkbox
I am having problems with mixing and matching different layouts, can you do that???? or can I use a GridLayout or Border Layout to create this?????.. and Also how do you vertically stack check boxes and radio buttons????? I'm a tad confused and frustrated.... I do not want code written as I have to do that myself, just a suggestion as to what kind of Layout I should use...
Thanks very much
Mike

my previous was a bit messed up:
I guess my question is: can you mix and match different types of Layouts on the same content pane???
Or do you use say, BorderLayout (North, SOuth East West Center, and plop your buttons, combo boxes, JLists and text fields within each region ??????... I know how FlowLayout works, but can't use it in this situation.
Please email at [email protected] and I can send a better graphical representation of the window I am trying to create. Again I don't want code, just a suggestion as to how to layout the window.....
Mike

Help with Datagroup layout , resize items

Similar Messages

Maybe you are looking for