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 6433 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: 352
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: 1281
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: AppGini plugins to add more power to your apps:
  • DataTalk is an innovative AppGini plugin based on ChatGPT that allows you to interact with your AppGini database using natural language questions, without writing any SQL. Check the demo video
  • Mass Update plugin: Update multiple records at once and improve your workflow efficiency.
  • Check our other plugins and get a generous discount of up to 30% when buying 2 or more plugins.

User avatar
Celson Aquino
Posts: 27
Joined: 2017-08-26 15:40
Location: Salvador, Bahia - Brazil

Re: Box Field Bad View in Mobile Vertion

Post by Celson Aquino » 2018-01-10 11:07

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.

User avatar
Celson Aquino
Posts: 27
Joined: 2017-08-26 15:40
Location: Salvador, Bahia - Brazil

Re: Box Field Bad View in Mobile Vertion

Post by Celson Aquino » 2018-01-10 11:22

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.

Post Reply