Subscribe for automatic updates: RSS icon RSS

Login icon Sign in for full access | Help icon Help
Advanced search

Pages: [1]
  Reply  |  Print  
Author Topic: Genero V4 migration  (Read 7325 times)
Sean H.
Posts: 4


« 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



* img1.jpg (54.69 KB, 1152x648 - viewed 1466 times.)
Reuben B.
Four Js
Posts: 1116


« Reply #1 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

Product Consultant (Asia Pacific)
Developer Relations Manager (Worldwide)
Author of https://4js.com/ask-reuben
Contributor to https://github.com/FourjsGenero
Sean H.
Posts: 4


« Reply #2 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
Reuben B.
Four Js
Posts: 1116


« Reply #3 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

 

Product Consultant (Asia Pacific)
Developer Relations Manager (Worldwide)
Author of https://4js.com/ask-reuben
Contributor to https://github.com/FourjsGenero
Pages: [1]
  Reply  |  Print  
 
Jump to:  

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines