[flexcoders] HTML-like Table/Textbox behavior possible?
As a pilot project to see if we can make the move to flex, I am trying to convert some common widgets/screens that we use in the HTML/Ajax world into Flex. One widget that we have uses a standard HTML table based on percentages (100% width, various percentage TDs) that has many date picker thingies, which are made up of a text field in one TD and the calendar icon in an adjacent TD. In HTML it is pretty easy to specify percentage widths for the TDs as well as the text fields, and to have the table and all of its contents scale accordingly as the table or window is resized. Is this possible -- and PRACTICAL! -- using the existing date picker and grid container in Flex? Specifically, say that when the user's window is 100% of the screen. Well in that case, the date picker should be 100% of its maximum width, the width of the TD holding it (if we are using a grid), which say is 110 pixels. If we reduce the window to half the width, is it possible to make all of the elements of the grid -- including the date picker widget -- to also reduce by half, or 55 pixels for the text field (the icon stays the same size)? I should point out that one page in one of our web apps has 15 date pickers on it, so doing a manual calculation of how wide to make each datepicker seems impracticle. Now, I do appreciate that Flex is not HTML, so if the answer is it is not practical for Flex Apps to have this behavior then that is fine, I just need a definitive answer that I cannot provide as a newbie. (Maybe I should not be trying to do any layout with a grid to begin with?) Thanks, Ann
RE: [flexcoders] HTML-like Table/Textbox behavior possible?
Yes you can, but I recommend you do not use the Grid container, just VBoxes and HBoxes will allow you to place items as you need them. mx:VBox width=100% mx:DateField width=100%/ mx:DateField width=100%/ /mx:VBox Dimitrios Gianninas Developer Optimal Payments Inc. From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of missgiggygirl Sent: Wednesday, March 28, 2007 11:05 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] HTML-like Table/Textbox behavior possible? As a pilot project to see if we can make the move to flex, I am trying to convert some common widgets/screens that we use in the HTML/Ajax world into Flex. One widget that we have uses a standard HTML table based on percentages (100% width, various percentage TDs) that has many date picker thingies, which are made up of a text field in one TD and the calendar icon in an adjacent TD. In HTML it is pretty easy to specify percentage widths for the TDs as well as the text fields, and to have the table and all of its contents scale accordingly as the table or window is resized. Is this possible -- and PRACTICAL! -- using the existing date picker and grid container in Flex? Specifically, say that when the user's window is 100% of the screen. Well in that case, the date picker should be 100% of its maximum width, the width of the TD holding it (if we are using a grid), which say is 110 pixels. If we reduce the window to half the width, is it possible to make all of the elements of the grid -- including the date picker widget -- to also reduce by half, or 55 pixels for the text field (the icon stays the same size)? I should point out that one page in one of our web apps has 15 date pickers on it, so doing a manual calculation of how wide to make each datepicker seems impracticle. Now, I do appreciate that Flex is not HTML, so if the answer is it is not practical for Flex Apps to have this behavior then that is fine, I just need a definitive answer that I cannot provide as a newbie. (Maybe I should not be trying to do any layout with a grid to begin with?) Thanks, Ann -- WARNING --- This electronic message and its attachments may contain confidential, proprietary or legally privileged information, which is solely for the use of the intended recipient. No privilege or other rights are waived by any unintended transmission or unauthorized retransmission of this message. If you are not the intended recipient of this message, or if you have received it in error, you should immediately stop reading this message and delete it and all attachments from your system. The reading, distribution, copying or other use of this message or its attachments by unintended recipients is unauthorized and may be unlawful. If you have received this e-mail in error, please notify the sender. AVIS IMPORTANT -- Ce message électronique et ses pièces jointes peuvent contenir des renseignements confidentiels, exclusifs ou légalement privilégiés destinés au seul usage du destinataire visé. L'expéditeur original ne renonce à aucun privilège ou à aucun autre droit si le présent message a été transmis involontairement ou s'il est retransmis sans son autorisation. Si vous n'êtes pas le destinataire visé du présent message ou si vous l'avez reçu par erreur, veuillez cesser immédiatement de le lire et le supprimer, ainsi que toutes ses pièces jointes, de votre système. La lecture, la distribution, la copie ou tout autre usage du présent message ou de ses pièces jointes par des personnes autres que le destinataire visé ne sont pas autorisés et pourraient être illégaux. Si vous avez reçu ce courrier électronique par erreur, veuillez en aviser l'expéditeur.
Re: RE: [flexcoders] HTML-like Table/Textbox behavior possible?
...and if you have columns of varying percentage-based widths, you should be able to proportionally tweak those 100%'s in order to make the V/HBox setup work just the same as your HTML table. -Mark Hawley From: Dimitrios Gianninas [EMAIL PROTECTED] Date: 2007/03/28 Wed AM 09:14:53 CST To: flexcoders@yahoogroups.com Subject: RE: [flexcoders] HTML-like Table/Textbox behavior possible? Yes you can, but I recommend you do not use the Grid container, just VBoxes and HBoxes will allow you to place items as you need them. mx:VBox width=100% mx:DateField width=100%/ mx:DateField width=100%/ /mx:VBox Dimitrios Gianninas Developer Optimal Payments Inc. From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of missgiggygirl Sent: Wednesday, March 28, 2007 11:05 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] HTML-like Table/Textbox behavior possible? As a pilot project to see if we can make the move to flex, I am trying to convert some common widgets/screens that we use in the HTML/Ajax world into Flex. One widget that we have uses a standard HTML table based on percentages (100% width, various percentage TDs) that has many date picker thingies, which are made up of a text field in one TD and the calendar icon in an adjacent TD. In HTML it is pretty easy to specify percentage widths for the TDs as well as the text fields, and to have the table and all of its contents scale accordingly as the table or window is resized. Is this possible -- and PRACTICAL! -- using the existing date picker and grid container in Flex? Specifically, say that when the user's window is 100% of the screen. Well in that case, the date picker should be 100% of its maximum width, the width of the TD holding it (if we are using a grid), which say is 110 pixels. If we reduce the window to half the width, is it possible to make all of the elements of the grid -- including the date picker widget -- to also reduce by half, or 55 pixels for the text field (the icon stays the same size)? I should point out that one page in one of our web apps has 15 date pickers on it, so doing a manual calculation of how wide to make each datepicker seems impracticle. Now, I do appreciate that Flex is not HTML, so if the answer is it is not practical for Flex Apps to have this behavior then that is fine, I just need a definitive answer that I cannot provide as a newbie. (Maybe I should not be trying to do any layout with a grid to begin with?) Thanks, Ann -- WARNING --- This electronic message and its attachments may contain confidential, proprietary or legally privileged information, which is solely for the use of the intended recipient. No privilege or other rights are waived by any unintended transmission or unauthorized retransmission of this message. If you are not the intended recipient of this message, or if you have received it in error, you should immediately stop reading this message and delete it and all attachments from your system. The reading, distribution, copying or other use of this message or its attachments by unintended recipients is unauthorized and may be unlawful. If you have received this e-mail in error, please notify the sender. AVIS IMPORTANT -- Ce message électronique et ses pièces jointes peuvent contenir des renseignements confidentiels, exclusifs ou légalement privilégiés destinés au seul usage du destinataire visé. L'expéditeur original ne renonce à aucun privilège ou à aucun autre droit si le présent message a été transmis involontairement ou s'il est retransmis sans son autorisation. Si vous n'êtes pas le destinataire visé du présent message ou si vous l'avez reçu par erreur, veuillez cesser immédiatement de le lire et le supprimer, ainsi que toutes ses pièces jointes, de votre système. La lecture, la distribution, la copie ou tout autre usage du présent message ou de ses pièces jointes par des personnes autres que le destinataire visé ne sont pas autorisés et pourraient être illégaux. Si vous avez reçu ce courrier électronique par erreur, veuillez en aviser l'expéditeur. -- John Mark Hawley The Nilbog Group 773.968.4980 (cell) -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/flexcoders/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http
Re: [flexcoders] HTML-like Table/Textbox behavior possible?
Thanks Dimitrios and John Mark, I will follow your advice and see what I come up with... Thanks, Ann