Get KoolPHP UI with 30% OFF!

Mobile Responsive

John Ray
Good day, is there anyone knows how to make koolgrid tables a mobile responsive one? thank you.
Posted Feb 1, 2021 Kool
David
Hi John,
The current css themes of KoolGrid haven't support responsive design yet. However, I think you could apply responsive Bootstrap theme by adding Bootstrap classes to KoolGrid's table element upon its loading event:
https://doc.koolphp.net/Controls/KoolGrid/Javascript/ClientSide_Events/index.php#OnLoad
Let us know if you have any trouble applying this approach. Thanks!
Posted Feb 1, 2021 Kool -
John Ray
Hello David.
Thank you for your response. I will try it.
Posted Feb 2, 2021 Kool -
Anthony Amolochitis
I've used Koolgrid in mobile only sites I've designed and it works fine. I just detect the browser type before loading the page. If it's a mobile browser then I load the mobile page, otherwise I will load the desktop page.
I'm curious if you get it working as responsive page. Let me know if you don't mind.
Posted Feb 3, 2021 Kool -
Anthony Amolochitis
You would also set the grid width to 100% and it will just fit to screen automatically.
I use the grid template object to customize the rows as well so they look exactly like I want them to.
It works perfectly!
Posted Apr 17, 2021 Kool -