Jump to content


Photo

Main menu that works for tablet and phone

mobile ui mobile app mobile screenshots

  • Please log in to reply
5 replies to this topic

#1 Nigel602

Nigel602

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 54 posts

Posted 27 December 2017 - 08:02 PM

Hi All,

 

I am working on a project that consists of a 'office' application that manages data that can be seen and edited in a 'mobile' app - I have used both Sencha and SenchaTouch.

Now, all of my business logic is more or less done, and it is easy to make the office app look ok, as its a standard web application with grids and forms (as per delphi vcl really) 

 

So, I am now looking and making the mobile application look good and feel better.

 

(The mobile application will mostly be used on a iPad, and sometimes used on a iPhone) So I need to make the menu work and look OK for both platforms.

 

I am trying to implement something like the attached file. What would be the best way to go about this, as a starting point? I am currently using a TUnimList to create a list of menu items, that I can browse to. This works OK(ish), but the user experience would not be good.

 

I know this is a very vague question, but I am struggling with inspiration and how to implement.

I am using sencha-touch theme, it doesn't need to be fancy just functional. 

 

Any other ideas are welcome, perhaps even some screen shots of what you are working on?

 

Thanks, Dan.

 

**EDIT** - I am trying to achieve this using client side alignment 

Attached Files


  • 0

#2 Nigel602

Nigel602

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 54 posts

Posted 28 December 2017 - 03:23 PM

Hi All, been playing around and not really getting very far. I just need to be able to make a image/glyph (either or) stretch to fill the button. The image below shows my result.

Is this the correct way to go about things, or is their a better way?

 

 

Any help would be great.

 

https://www.dropbox....-18-43.png?dl=0


  • 0

#3 Nigel602

Nigel602

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 54 posts

Posted 28 December 2017 - 06:44 PM

I have found this , seems to be exactly what I need , however I can not see a way to implement this, any pointers?

https://stackoverflo...2-app-dashboard

Sent from my Pixel using Tapatalk
  • 0

#4 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 705 posts
  • LocationKufur Kassem, Palestine

Posted 28 December 2017 - 07:00 PM

Here you go...

 

Online demo: http://5.189.151.122:8345/m

 

Project: http://3msoft.net/mh..._menu_touch.rar

 

 

 

office_menu_touch.png


  • 0

#5 Nigel602

Nigel602

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 54 posts

Posted 28 December 2017 - 07:17 PM

Hi Mohammad,

 

I really appreciate you taking the time to help me out, and probably a lot others with this solution.

 

I will look over the solution, so that I can get an understanding of how you've implemented it.

 

Thanks again,

 

Dan.

 

**EDIT** Looks great - I can see how you have done it - looks like I have a lot to learn about layouts!


  • 0

#6 Ronny Encarnacion

Ronny Encarnacion

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 516 posts

Posted 05 January 2018 - 08:26 PM

Excellent 


  • 0

Ronny Encarnacion






Also tagged with one or more of these keywords: mobile ui, mobile app, mobile screenshots

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users