ghamm Posted January 13, 2017 Share Posted January 13, 2017 Hi, Have success with my demo.. Now I want to move to something I'm really interested in.. I want to build a Unigui server that will serve web browsers and phones both.. 1. In looking at the demos, it appears that the components for Web are different than the Mobile components? 2. How does my Unigui server know what to serve? Is there a flag that sends the user to a mobile section of code? How does it know what sizes to use? Are they different components all together or just sizing issue? I'm thinking they are totally different components. Does that mean that you need 2 different servers running with different listening ports? Im a little lost on the mobile thing Gordon Link to comment Share on other sites More sharing options...
Sherzod Posted January 13, 2017 Share Posted January 13, 2017 Hi, Have success with my demo.. Now I want to move to something I'm really interested in.. I want to build a Unigui server that will serve web browsers and phones both.. 1. In looking at the demos, it appears that the components for Web are different than the Mobile components? 2. How does my Unigui server know what to serve? Is there a flag that sends the user to a mobile section of code? How does it know what sizes to use? Are they different components all together or just sizing issue? I'm thinking they are totally different components. Does that mean that you need 2 different servers running with different listening ports? Im a little lost on the mobile thing Gordon Hi, 1. Yes, they differ 2. You can see a demo project: \FMSoft\Framework\uniGUI\Demos\Touch\Hybrid Look at UniServerModule -> Options -> soAutoPlatformSwitch Best regards. Link to comment Share on other sites More sharing options...
ghamm Posted January 14, 2017 Author Share Posted January 14, 2017 Thank you for the reply.. Im looking at the demo. With regards to mobile.. Does Unigui autoscale mobile apps based on what phone the user has? It looks like Im going to have lots of redundant code if I want many formats? I guess I should make some reusable classes? Link to comment Share on other sites More sharing options...
mhmda Posted January 14, 2017 Share Posted January 14, 2017 The Client-Side of Unigui is based on: Sencha Extjs Sencha Touch (for mobile) Please refer to Sencha Touch to see it's power https://cdn.sencha.com/touch/sencha-touch-2.4.1/examples/. Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications. Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices Link to comment Share on other sites More sharing options...
ghamm Posted January 14, 2017 Author Share Posted January 14, 2017 Thank you for the link, that helps with examples of what can be done.. Im still confused about some basic concepts.. I sort of understand how the soAutoPlatformSwitch works, it goes to one form or another based on what platform the user has.. But what I dont understand is .. there are many kinds and sizes of Mobile devices.. Are you implying that I need to make a form for each possible size of mobile device? If so, does each then have to have its own code to maintain? If In fact that there needs to be provisions for every size and shape, then how do i direct the server to load proper form for the mobile device size? OR, does UNIGUI autoscale for different sizes of mobile devices, and In that case, I dont need to worry about it? Link to comment Share on other sites More sharing options...
mhmda Posted January 15, 2017 Share Posted January 15, 2017 there are many kinds and sizes of Mobile devices.. Are you implying that I need to make a form for each possible size of mobile device? If so, does each then have to have its own code to maintain? It's really simple let Sencha Touch handle everything for you :-) Please read Sencha Touch documentation to have basic kknowledge of its concept. Beside that Sencha Touch give you "Feel & Look" of native mobile app, no matter what is the size of your device, you can see screenshots here: http://forums.unigui.com/index.php?/topic/4869-mobile-phonebook-mobile-app/?hl=phonebook Link to comment Share on other sites More sharing options...
ghamm Posted January 15, 2017 Author Share Posted January 15, 2017 Ok,thats great! Thank you.. 1. Would the same be for tablets? Im thinking they might need forms of their own? 2. With what you said, Im assuming that the web forms and mobile forms will still need much of their own logic? Separate code? Link to comment Share on other sites More sharing options...
mhmda Posted January 15, 2017 Share Posted January 15, 2017 1. Would the same be for tablets? Im thinking they might need forms of their own? You can use profiles: https://docs.sencha.com/touch/2.4/core_concepts/device_profiles.html 2. With what you said, Im assuming that the web forms and mobile forms will still need much of their own logic? Separate code? The back-end code is the same for both: Desktop/Mobile, but the design is different, here an example of my own app: Link to comment Share on other sites More sharing options...
ghamm Posted January 15, 2017 Author Share Posted January 15, 2017 Thank you.. That makes great sense.. I did read the sencha stuff, but Im not really sure how that is used with UNIGUI.. Do I have to write some JS into my UNIGUI to use profiles? I love the profiles idea. Gordon Link to comment Share on other sites More sharing options...
Abaksoft Posted January 15, 2017 Share Posted January 15, 2017 Hello Mohammad how are you ? I have an enigma, me to, about mobile size: 1. what is the real use of the unigui menu on Delphi top interface (different phones sizes are suggest) ? 2. Is that an old Farshad concept wich can be replaced by the new sencha profiles ? Thx Link to comment Share on other sites More sharing options...
gordon Posted January 17, 2017 Share Posted January 17, 2017 Yes, this is my question too.. How to integrate a profile.. Link to comment Share on other sites More sharing options...
Abaksoft Posted January 18, 2017 Share Posted January 18, 2017 Hello Ghamm, About hybrid project (Desktop + Mobile) : What i am using at this time is : - Create a set of Forms for Desktop - Create a set of Forms for Mobile (the smalest size on the menu). And share the same code in an Unit ( unigui DataModule). http://forums.unigui.com/index.php?/topic/6744-hybrid-example-how-it-works-please-explain/&do=findComment&comment=34306 http://forums.unigui.com/index.php?/topic/6744-hybrid-example-how-it-works-please-explain/&do=findComment&comment=34499 But steel the question about automatic size (diferent Mobile & Tablet screen) ?! Best regards. Link to comment Share on other sites More sharing options...
gordon Posted January 18, 2017 Share Posted January 18, 2017 Im not sure.. Because it seems like the tablet needs a different form than the phone app... Im not sure how to implement the profile idea .. Link to comment Share on other sites More sharing options...
mhmda Posted January 19, 2017 Share Posted January 19, 2017 I will try to make an example next few days... Link to comment Share on other sites More sharing options...
ghamm Posted January 21, 2017 Author Share Posted January 21, 2017 I will try to make an example next few days... Thank You! That would be wonderful! Link to comment Share on other sites More sharing options...
asapltda Posted January 31, 2017 Share Posted January 31, 2017 I will try to make an example next few days... We will wait for example, thanks Link to comment Share on other sites More sharing options...
jaromir Posted January 31, 2017 Share Posted January 31, 2017 Mohammad, Desktop version from above. What theme is it ? I don't see switches like this anywhere in UniGui. The same buttons - is this speed button with changed color ? Could You clarify please ? Link to comment Share on other sites More sharing options...
mhmda Posted January 31, 2017 Share Posted January 31, 2017 Mohammad, Desktop version from above. What theme is it ? I don't see switches like this anywhere in UniGui. The same buttons - is this speed button with changed color ? Could You clarify please ? .bntLogin { background:#fcf5e4 !important; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .bntLogin:hover { background:#fac337 !important; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .login_edit { background-color:#fcf5e4 !important; background-image: none !important; } Sencha Field->Text: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.form.field.Text-cfg-fieldCls Link to comment Share on other sites More sharing options...
jaromir Posted January 31, 2017 Share Posted January 31, 2017 Thank You mohammad. I saw Your posts in some of previous thread. Detailed images are great ! Thanks again. Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now