Wicket Posted December 27, 2017 Share Posted December 27, 2017 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 Link to comment Share on other sites More sharing options...
Wicket Posted December 28, 2017 Author Share Posted December 28, 2017 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.com/s/qopg8qkcw2f7ntr/2017-12-28_15-18-43.png?dl=0 Link to comment Share on other sites More sharing options...
Wicket Posted December 28, 2017 Author Share Posted December 28, 2017 I have found this , seems to be exactly what I need , however I can not see a way to implement this, any pointers? https://stackoverflow.com/questions/15781916/creating-sencha-touch-2-app-dashboard Sent from my Pixel using Tapatalk Link to comment Share on other sites More sharing options...
mhmda Posted December 28, 2017 Share Posted December 28, 2017 Here you go... Online demo: http://5.189.151.122:8345/m Project: http://3msoft.net/mhmd/office_menu_touch.rar Link to comment Share on other sites More sharing options...
Wicket Posted December 28, 2017 Author Share Posted December 28, 2017 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! Link to comment Share on other sites More sharing options...
rencarnacion Posted January 5, 2018 Share Posted January 5, 2018 Excellent Link to comment Share on other sites More sharing options...
mehamada Posted August 29, 2018 Share Posted August 29, 2018 Here you go... Online demo: http://5.189.151.122:8345/m Project: http://3msoft.net/mhmd/office_menu_touch.rar what is the icons liberary you use? do you have its link or can send it to me Link to comment Share on other sites More sharing options...
mhmda Posted August 29, 2018 Share Posted August 29, 2018 Hi, I use flaticon.com https://www.flaticon.com/packs/human-relations-and-emotions-8 Link to comment Share on other sites More sharing options...
Recommended Posts