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
Veteran Member
Posts: 44
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 243 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 243 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 243 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 243 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 243 times
Hope it helps!

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

Kind Regards,
Jan

User avatar
a.gneady
Site Admin
Posts: 914
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 :)
AppGini: Responsive, collaborative web db apps in minutes.
:idea: Learn all the tips and tricks of customizing AppGini apps through our online course.

User avatar
jsetzer
Veteran Member
Posts: 44
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!

Post Reply