Column width: smaller than 20px?

The recommended method of customizing your AppGini-generated application is through hooks. But sometimes you might need to add functionality not accessible through hooks. You can discuss this here.
Post Reply
User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Column width: smaller than 20px?

Post by jsetzer » 2018-07-14 12:09

Hi there,

I have some status-indicator columns like the following:

chrome_2018-07-14_13-47-11.png
chrome_2018-07-14_13-47-11.png (6.31 KiB) Viewed 2279 times

Column width has been set to 20px via AppGini.

AppGini_2018-07-14_13-49-35.png
AppGini_2018-07-14_13-49-35.png (1.39 KiB) Viewed 2279 times

I'd like to decrease the column's width a bit more, but when I set column width to a smaller value, let's say 19px, the following happens :shock: :
chrome_2018-07-14_13-52-18.png
chrome_2018-07-14_13-52-18.png (7.1 KiB) Viewed 2279 times
The column width increases to 150px. In CSS the min-width and max-width change to 150px as soon as I set column width smaller than 20px:
chrome_2018-07-14_13-53-57.png
chrome_2018-07-14_13-53-57.png (4.26 KiB) Viewed 2279 times

It seems as if there is a built-in minimum column width of 20px.


As a workaround I have defined a custom style in header_extras.php for that column:

Code: Select all

.vorgaenge-vorgangsstatus_color {
    min-width: 8px !important;
    max-width: 8px !important;
}
For me the result looks much better now :) :
chrome_2018-07-14_13-58-55.png
chrome_2018-07-14_13-58-55.png (5.9 KiB) Viewed 2279 times
Hope it helps!

It would be nice if there was a smaller limit for column width in AppGini.

Kind Regards,
Jan
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

User avatar
a.gneady
Site Admin
Posts: 1281
Joined: 2012-09-27 14:46
Contact:

Re: Column width: smaller than 20px?

Post by a.gneady » 2018-08-08 12:41

It seems as if there is a built-in minimum column width of 20px.
Yep .. that's indeed true. I'll add a note in our to-do list to decrease that limit to maybe 6px or so. Nicely done, Jan :)
:idea: AppGini plugins to add more power to your apps:
  • DataTalk is an innovative AppGini plugin based on ChatGPT that allows you to interact with your AppGini database using natural language questions, without writing any SQL. Check the demo video
  • Mass Update plugin: Update multiple records at once and improve your workflow efficiency.
  • Check our other plugins and get a generous discount of up to 30% when buying 2 or more plugins.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: Column width: smaller than 20px?

Post by jsetzer » 2018-08-15 10:28

Thanks, @Ahmad!
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

Post Reply