Four Js Development Tools Forum

Discussions by product => Genero BDL => Topic started by: Sean H. on November 15, 2023, 03:29:52 pm



Title: Genero V4 migration
Post by: Sean H. on November 15, 2023, 03:29:52 pm
Hi,

We're busy going through the UI in preparation for migrating to Genero V4 and struggling with managing the cell height (not only but particularly in a table). I've attached an image with the rendering in 4.01 overlaid against 3.21, you will see I've lost nearly 1/3 of the vertical data display due to cell height. I have no problem managing the font size but just ending up with more white space above and below the text.

Would really appreciate some assistance in pointing me in the right direction to adjusting the cell heights or making them dynamic in relation to the font type/size used.

Thanks in advance
Sean



Title: Re: Genero V4 migration
Post by: Reuben B. on November 15, 2023, 09:29:51 pm
1. It would probably help to see the other columns in the array.  The row height is determined by the widget with the largest height so you may find that the height is being determined by a widget that is not in your screenshots

2.Click on the Settings (Cog) icon and change the "Interface Theme" to "compact" (https://4js.com/online_documentation/fjs-gbc-manual-html/#gbc-topics/r_gbc_theme_defaults.html).  One of the principals of the compact theme was to get close to desktop rendering sizes.  Your next questions might then be how can I make the compact theme the default, can I create my own theme ...

Reuben


Title: Re: Genero V4 migration
Post by: Sean H. on November 16, 2023, 08:08:08 am
Hi Reuben,

The compact setting worked brilliantly, it has given me exactly what I needed and yes you have predicted the next question correctly, how can I make this the default?

Regards
Sean


Title: Re: Genero V4 migration
Post by: Reuben B. on November 16, 2023, 07:48:06 pm
Hi Reuben,

The compact setting worked brilliantly, it has given me exactly what I needed and yes you have predicted the next question correctly, how can I make this the default?

Regards
Sean

Before I do that, I'd encourage you with the GBC Project sources have a peek at
custom.json and note the entry for compact which directs you to the sources for compact in GBC_PROJECT_DIR//theme/colors/compact.  The 30 or so lines of GBC_PROJECT_DIR/theme/colors/compact/theme.scss.json is a good illustration of what can be achieved with GBC customisation with not much effort.

Now to answer your question ...
https://4js.com/online_documentation/fjs-gbc-manual-html/#gbc-topics/c_gbc_which_cust_and_theme.html
https://4js.com/online_documentation/fjs-fgl-manual-html/#fgl-topics/c_fgl_frontcall_theme_settheme.html
... for those using direct connections, there is one gap in that there is no equivalent of ?theme= like there is with ?gbc= and FGLGBCDIR.  You would either rely on customers changing to compact via the settings icon and the front-end remembering this, or you would put a setTheme front-call  at beginning of your program and the user would not get their last setting if they changed it to something else.

Reuben