Box Field Bad View in Mobile Vertion

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
User avatar
Bachtiar
Posts: 5
Joined: 2017-08-26 15:28

Box Field Bad View in Mobile Vertion

Post by Bachtiar » 2017-10-23 11:42

How do I set this field box ..? if via desktop look nice, but if via android (mobile view) display box is very small, how to fix this view?
Attachments
mob.png
mob.png (33.17 KiB) Viewed 159 times

User avatar
Bachtiar
Posts: 5
Joined: 2017-08-26 15:28

Re: Box Field Bad View in Mobile Vertion

Post by Bachtiar » 2017-10-23 16:00

99% of my members are mobile android users, while appgini is having trouble in this section, specially in the mobile view for lookup fields, table views that are not neat and unruly. I have been confused with this problem for a few days now. then submitted online support through appgini website but until now also no response.would have to pay again to fix this all ..?

peebee
AppGini Super Hero
AppGini Super Hero
Posts: 180
Joined: 2013-03-21 04:37

Re: Box Field Bad View in Mobile Vertion

Post by peebee » 2017-10-23 23:07

Try adding this CSS.

.form-group .select2-container {
width: 90% !important;
}

That should expand the select2 dropdown container to equal width of the other fields.

If you just want it to affect mobile view only (not desktop), you'll need to add the CSS inside a @media query, depending on what size viewport you are wanting to expand the select2 container.

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, landscape 800x480 phones (Android) */ }

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

Re: Box Field Bad View in Mobile Vertion

Post by a.gneady » 2017-10-24 10:56

Thanks for your suggested fix, Peebee ... We're working on several fixes for mobile view in the next release. Stay tuned.
:idea: Learn all the tips and tricks of customizing AppGini applications through our new online course.

AppGini: Responsive, collaborative web database applications in minutes.

Post Reply