AppGini Community Forums

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?

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 ..?

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) */ }

Thanks for your suggested fix, Peebee ... We're working on several fixes for mobile view in the next release. Stay tuned.

I dream with a jQuery Mobile theme for AppGini, but I think the current template engine does not give us all tools to build it.

I just uploaded these 2 samples to my tests server in order to show how better is the interface built with jQuery Mobile for mobile users:

Sample 1 http://dev.oesic.net/c/jqm/directory/
See an article of the author at http://coenraets.org/blog/2012/03/emplo ... ry-mobile/

Sample 2 http://dev.oesic.net/c/jqm/jqmcrud/
This is at GitHUB at https://github.com/EliuTimana/TecMovil_CRUD

Sample 2 is better since it is a complete CRUD sample with jQuery Mobile, PHP and MySQL.
Sample 1 is not a CRUD but better for the eyes.

Note: If you want to see it on desktop and uses Firerfox, just press Shift + Ctrl + M in order to see it as if in a tiny screen mobile device.