Hi David, About the example cool!, if you want to make a Blog example to be added that will be great! It should be a minimum code (just one file will the simple example). You can send me and I can transform.
About "ResponsiveResizeListener" you can see it working in TDJ's MainContent.mxml El vie, 12 feb 2021 a las 17:08, David Slotemaker de Bruine (< [email protected]>) escribió: > Hi Carlos, > > Excellent, I have the grid view doing exactly as I need, once I get the > datagrid at the bottom of the resizing I could send you the app to use as > an example on the site if you like. > > I am having trouble finding any info about: ResponsiveResizeListener > > I need to add it as a bead I guess? How do I go about listening for the > different events? Where can I find documentation about this? > > Cheers, > > David > > > > On Fri, 12 Feb 2021 at 11:43, Carlos Rovira <[email protected]> > wrote: > >> Ok David, >> >> So think on Grid as a "row", then you add inside GridCells, 1 per column >> Since you want 3 columns on desktop and tablet you must put the >> numerator/denominator for both to 1/3 while for mobile will be 1/1 ok? >> That's just for main responsiveness of columns in different devices >> Now you need to add to each GridCell the content. As I said, don't use >> FormItem for now, use here HGroup or VGroup and inside a Label and a >> control. >> >> You need to start playing with it to see how it looks and then start to >> find the best layout that fits what you want. You'll see that >> responsiveness is a world itself, but the main thing is to try to find a >> few things that work for your use case. >> >> HTH >> >> >> El vie, 12 feb 2021 a las 11:06, David Slotemaker de Bruine (< >> [email protected]>) escribió: >> >>> Hi Carlos, >>> >>> Thanks, yes I meant column instead of row. I will have a look at the >>> examples you sent and try them out! >>> >>> David >>> >>> On Fri, 12 Feb 2021 at 10:10, Carlos Rovira <[email protected]> >>> wrote: >>> >>>> Hi David, >>>> >>>> First, please avoid FormItem use for now, I still need to do a major >>>> refactor since the actual layout is not ok from many points of view. As a >>>> temporal solution you can yse better a VGroup or HGroup for now. >>>> >>>> HorizontalFlow should be only be used for layouts like "tag clouds" or >>>> similar where you want to "cascade" things to the next row or column, but >>>> gaps are not usable for that kind of layout. TileHorizonalLayout is a >>>> better implementation since is based on Flex Tile Layout and I think works >>>> ok. I used it here [1] >>>> >>>> About "I would like the form take up 2 (or 3 rows) on the desktop and >>>> 1 on Mobile.", maybe you want to say "columns" instead of "rows"? >>>> >>>> About Grid/GridCell. Please check this [2]. >>>> >>>> About hiding columns in DataGrid, check [3] at the end "Column >>>> swapping", to remove a column or add it. So I think you could combine with >>>> a "ResponsiveResizeListener" in order to add/remove columns at a >>>> certain screen break point (mobile, tablet, desktop,...) >>>> >>>> HTH >>>> >>>> Carlos >>>> >>>> [1] https://github.com/codeoscopic/avant2-website >>>> [2] https://github.com/apache/royale-asjs/issues/1070 >>>> [3] https://royale.apache.org/tourdejewel/#!datagrid_panel >>>> >>>> >>>> >>>> El jue, 11 feb 2021 a las 17:24, David Slotemaker de Bruine (< >>>> [email protected]>) escribió: >>>> >>>>> Hi All, >>>>> >>>>> The app I am building has a lot of states and most states contain a >>>>> large form, I am using Jewel. >>>>> >>>>> I would like to have a app header and footer and I would like the form >>>>> take up 2 (or 3 rows) on the desktop and 1 on Mobile. >>>>> >>>>> Looking at Tour de Jewel I see that there is a HorizontalFlow and >>>>> HorizontalTile Containers, also the example seems to use a GridCell tag >>>>> with some properties: >>>>> >>>>> <j:GridCell desktopNumerator="1" desktopDenominator="2" >>>>> tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" >>>>> phoneDenominator="1"> >>>>> >>>>> are these specific to different user system (desktop, tablet, mobil)? >>>>> How does it work? >>>>> >>>>> I tried putting the FormItems first in aHorizontalFlow and then in a >>>>> HorizontalTile container, but didn't get the result I wanted (nothing >>>>> flowed). I then tried putting the FormItems in two different Card >>>>> Containers and this flowed well, but when there was a lot of horizontal >>>>> space available the cards didn't expand to fill them. >>>>> >>>>> Below some of the forms is a Datagrid, is there a way to hide columns >>>>> based on the size of the screen? >>>>> >>>>> Any pointers? >>>>> >>>>> Cheers, >>>>> >>>>> David >>>>> >>>> >>>> >>>> -- >>>> >>>> Carlos Rovira >>>> >>>> Presidente Ejecutivo >>>> >>>> M: +34 607 22 60 05 >>>> >>>> http://www.codeoscopic.com >>>> >>>> >>>> AVISO LEGAL: La información contenida en este correo electrónico, y en >>>> su caso en los documentos adjuntos, es información privilegiada para uso >>>> exclusivo de la persona y/o personas a las que va dirigido. No está >>>> permitido el acceso a este mensaje a cualquier otra persona distinta a los >>>> indicados. Si Usted no es uno de los destinatarios, cualquier duplicación, >>>> reproducción, distribución, así como cualquier uso de la información >>>> contenida en él o cualquiera otra acción u omisión tomada en relación con >>>> el mismo, está prohibida y puede ser ilegal. En dicho caso, por favor, >>>> notifíquelo al remitente y proceda a la eliminación de este correo >>>> electrónico, así como de sus adjuntos si los hubiere. En cumplimiento de la >>>> legislación española vigente en materia de protección de datos de carácter >>>> personal y del RGPD 679/2016 le informamos que sus datos están siendo >>>> objeto de tratamiento por parte de CODEOSCOPIC S.A. con CIF A85677342, con >>>> la finalidad del mantenimiento y gestión de relaciones comerciales y >>>> administrativas. La base jurídica del tratamiento es el interés legítimo de >>>> la empresa. No se prevén cesiones de sus datos, salvo que exista una >>>> obligación legal. Para ejercitar sus derechos puede dirigirse a CODEOSCOPIC >>>> S.A., domiciliada en Paseo de la Habana, 9-11, 28036 de Madrid (MADRID), o >>>> bien por email a [email protected], con el fin de ejercer sus >>>> derechos de acceso, rectificación, supresión (derecho al olvido), >>>> limitación de tratamiento, portabilidad de los datos, oposición, y a no ser >>>> objeto de decisiones automatizadas, indicando como Asunto: “Derechos Ley >>>> Protección de Datos”, y adjuntando fotocopia de su DNI. Delegado de >>>> protección de datos: [email protected] >>>> >>>> >>> >>> -- >>> >>> *David Slotemaker de Bruïne* >>> *Head of Educational Robotics* >>> >>> >>> >>> Av. Sarriá, 130 - 08017 Barcelona >>> <https://maps.google.com/?q=Av.+Sarri%C3%A1,+130+-+08017+Barcelona&entry=gmail&source=g> >>> >>> >>> T. +34 932 523 729 ext. 135 >>> >>> [email protected] >>> >> >> >> -- >> Carlos Rovira >> Apache Member & Apache Royale PMC >> *Apache Software Foundation* >> http://about.me/carlosrovira >> >> > > -- > > *David Slotemaker de Bruïne* > *Head of Educational Robotics* > > > > Av. Sarriá, 130 - 08017 Barcelona > <https://maps.google.com/?q=Av.+Sarri%C3%A1,+130+-+08017+Barcelona&entry=gmail&source=g> > > > T. +34 932 523 729 ext. 135 > > [email protected] > -- Carlos Rovira Apache Member & Apache Royale PMC *Apache Software Foundation* http://about.me/carlosrovira
