> Can you post a mini-example? here ya go. I've stripped out the itemRenderer components to bring it back to one file (but it's still a lot to put on list). Yes, I'm still new to flex so please don't laugh too much....
also I'll fully accept I may have got some setting wrong (canvas size?), however... - what I was doing made sence (to me) - the dateField widths should be smaller than the 120px here... the real code has them at 100px. I used FlexBuilder to generate the HTML file and have tested it on IE and FF. thanx for taking an interest barry.b ======================================================= <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; initialize="setDP()"> <mx:Canvas id="mainCanvas" width="100%" height="100%"> <mx:Script> <![CDATA[ import mx.events.DataGridEvent; import DisplayFormatRenderer; import mx.collections.ArrayCollection; import mx.controls.*; [Bindable] private var initDG:Array; public function setDP():void { initDG = new Array( {UnitCode: 'ABC123', CohortSize: 72, Academic: 'flintstonef,rubbleb,hudstoner', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 21, Academic: 'hudstoner,flintstonef', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 23, Academic: 'rubbleb,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 150, Academic: 'hudstoner,laval', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 15, Academic: 'rubbleb,laval,gravelp', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'XYZ123', CohortSize: 99, Academic: 'flintstonef,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval:null , EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 72, Academic: 'flintstonef,rubbleb,hudstoner', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 21, Academic: 'hudstoner,flintstonef', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 23, Academic: 'rubbleb,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 150, Academic: 'hudstoner,laval', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 15, Academic: 'rubbleb,laval,gravelp', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'XYZ123', CohortSize: 99, Academic: 'flintstonef,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval:null , EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 72, Academic: 'flintstonef,rubbleb,hudstoner', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 21, Academic: 'hudstoner,flintstonef', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 23, Academic: 'rubbleb,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 150, Academic: 'hudstoner,laval', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 15, Academic: 'rubbleb,laval,gravelp', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'XYZ123', CohortSize: 99, Academic: 'flintstonef,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval:null , EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 72, Academic: 'flintstonef,rubbleb,hudstoner', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 21, Academic: 'hudstoner,flintstonef', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 23, Academic: 'rubbleb,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 150, Academic: 'hudstoner,laval', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 15, Academic: 'rubbleb,laval,gravelp', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'ABC123', CohortSize: 23, Academic: 'rubbleb,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 150, Academic: 'hudstoner,laval', EvalType: 'SEU', Role: 'lecturer', StartEval: null, EndEval: null, EmailNotify: true, ReminderDate: null}, {UnitCode: 'DEF456', CohortSize: 15, Academic: 'rubbleb,laval,gravelp', EvalType: 'SET', Role: 'tutor', StartEval: null, EndEval: null, EmailNotify: false, ReminderDate: null}, {UnitCode: 'XYZ123', CohortSize: 99, Academic: 'flintstonef,hudstoner', EvalType: 'SEUT', Role: 'coord', StartEval: null, EndEval:null , EmailNotify: true, ReminderDate: null} ); theGrid.dataProvider = initDG; } ]]> </mx:Script> <mx:DataGrid id="theGrid" width="100%" height="100%" editable="true" draggableColumns="false" resizableColumns="true" selectable="false" dataProvider="{initDG}" headerHeight="60"> <mx:columns> <mx:Array> <mx:DataGridColumn dataField="UnitCode" editable="false" headerWordWrap="true" width="60" headerText="Unit Code" /> <mx:DataGridColumn dataField="EvalType" width="100" headerText="Type" sortable="false" editable="true" /> <mx:DataGridColumn dataField="Role" width="140" headerText="Role" sortable="false" editable="true" /> <mx:DataGridColumn dataField="CohortSize" editable="true" headerWordWrap="true" width="50" headerText="Cohort Size?" /> <mx:DataGridColumn dataField="Academic" editable="true" headerText="Academics" /> <mx:DataGridColumn dataField="StartEval" editable="true" width="120" itemRenderer="mx.controls.DateField" headerWordWrap="true" headerText="Start Evaluation" /> <mx:DataGridColumn dataField="EndEval" editable="true" width="120" itemRenderer="mx.controls.DateField" headerWordWrap="true" headerText="End Evaluation" /> <mx:DataGridColumn dataField="EmailNotify" width="80" textAlign="center" sortable="false" headerWordWrap="true" headerText="Email Initial notification?" rendererIsEditor="true" editorDataField="selected"> <mx:itemRenderer> <mx:Component> <mx:HBox horizontalAlign="center"> <mx:Script> <![CDATA[ [Bindable] public var selected:Boolean; ]]> </mx:Script> <mx:CheckBox id="displayCheckBox" selected="{data.EmailNotify}" click="selected = displayCheckBox.selected"/> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> <mx:DataGridColumn dataField="ReminderDate" editable="true" width="120" headerWordWrap="true" headerText="Reminder Date" itemRenderer="mx.controls.DateField" /> </mx:Array> </mx:columns> </mx:DataGrid> </mx:Canvas> </mx:Application> ======================================================= Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/flexcomponents/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
