I am not certain on this - but it looks to me like you have all of the elements nested in panels within a singe panel inside an hbox. Try removing that top panel wrap so the two panel groups are elements with the direct parent being the hbox - thus are displayed horizontally?
On Fri, Mar 13, 2009 at 12:01 PM, Bob Imperial <[email protected]>wrote: > > Hi folks, > > I'm just getting started with trying out cfform type="flash" and I'm trying > to figure out how to get a layout like I want it. I snagged some sample code > from out there somewhere and hoping somebody here might have some experience > with this. I am trying to get some cfinputs lined up side by side if you > will and I not having any luck thus far. My sample flash form is here > http://domis.med.unc.edu/temp/testing.cfm any idea as to how to get the > fields side by side? > > TIA Bob > > > <style type="text/css"> > body { > font-family:Verdana, Arial, Helvetica, > sans-serif;font-size:85%; > } > </style> > > > <cfform name="myform" height="400" width="780" format="Flash" > onload="formOnLoad()"> > <cfformitem type="script"> > function formOnLoad() > { > // Do anything that you need to do in the onload Event > > // call the function that is in charge of applying the styles > > applyStyles(); > } > function applyStyles() > { > _global.styles.CheckBox.setStyle("fillColors", [0x006699, > 0xffffff]); > _global.styles.RadioButton.setStyle("fillColors", [0x006699, > 0xffffff]); > _global.styles.Form.setStyle("color", 0x000000); > _global.styles.Button.setStyle("borderThickness", 1); > _global.styles.Button.setStyle("borderThickness", 1); > _global.styles.Panel.setStyle("backgroundColor", 0xE5F0F9); > _global.styles.Panel.setStyle("color", 0xffffff); > _global.styles.Panel.setStyle("headerColors", [0x277DC6,0x50ABF7]); > _global.styles.HBox.setStyle("backgroundColor", 0xffffff); > _global.styles.HBox.setStyle("marginTop", 10); > _global.styles.HBox.setStyle("marginBottom", 10); > _global.styles.HBox.setStyle("marginLeft", 10); > _global.styles.Accordion.setStyle("fillColors", > [0x277DC6,0x50ABF7]); > _global.styles.Accordion.setStyle("selectedFillColors", > [0xff6600,0xffcc00]); > _global.styles.Accordion.setStyle("themeColor", 0x0066cc); > _global.styles.Accordion.setStyle("color", 0x0ffffff); > _global.styles.TextArea.setStyle("fontSize",14); > _global.styles.TextInput.setStyle("fontSize",10); > > } > </cfformitem> > <cfformgroup type="hBox"> > <cfformgroup type="panel" width="770" label="Test Title"> > <cfformgroup type="panel" width="350"> > <cfinput type="text" width="100" label="Left Side Input1" > name="inputText1" value="Some small text"/> > <cfinput type="text" label="Email" name="email" > required="yes" validate="email" value=""/> > <cfinput type="password" width="100" label="Password" > name="password" /> > </cfformgroup> > <cfformgroup type="panel" width="350"> > <cfinput type="text" label="Right Side Input1" name="inputText2" > value="" /> > </cfformgroup> > </cfformgroup> > </cfformgroup> > </cfform> > > > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-newbie/message.cfm/messageid:4451 Subscription: http://www.houseoffusion.com/groups/cf-newbie/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.15
