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: 98
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 581 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 581 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 581 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 581 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 581 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: 977
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: Learn all the tips and tricks of customizing AppGini apps through our online course.

:arrow: Summary Reports plugin enables you to build powerful reports and charts inside your AppGini application through a few simple steps. See the big picture and discover trends in your data that empower you to take the right decisions confidently.

:arrow: Search Page Maker enables you to build user-friendly yet powerful search pages for your AppGini application by simply dragging and dropping the fields you want to include in search.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 98
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