I have a website developed in GWT/MGWT
I used MGWT widgets, but when I run the application on my mobile everything is really small.
I don't think it's the matter of increasing width/height, etc.
You can open it on your mobile and have a look: http://119.154.187.175:8080/dashboard2/dashboard2.html
The viewport doesn't seem to be configured correctly. Try to set
MGWT.applySettings(MGWTSettings.getAppSetting());
in your entrypoint right at the beginning.
Here is also a getting started:
https://github.com/mgwt/mgwt/wiki/Getting-started-with-mgwt
Related
I am trying to create a Mobile version of my website. It is an online application, but I would like to make a mobile version through the web format.
So if they visit, www.example.com it takes them to the mobile version. (Which it does currently). But the problem that I am having is creating a nice user friendly interface between the multiple devices, ie: BlackBerry, Android, iPhone. And I am sure this is near impossible to get the same. But I would like some similarities.
Is there any form of template that I can start from? I have noticed that it is better to use "EM" font-sizes verses any other to create a more stable consistency.
I really enjoy this layout of TweetDeck
I like the layout of the buttons along the bottom. Is there anything I can do to create this consistency? Do I create this in my browser at 100%, or do I need to detect the width of the browser FIRST and then create the UI?
You really should look at some of the mobile javascript libraries. They do all of the hard work for you and you just have to deal with the API that they present. Here are a few that I have found in my own research:
Sencha Touch - http://www.sencha.com/products/touch/
JQTouch for JQuery folks - http://www.jqtouch.com/
And if you are a .NET component person - http://www.componentone.com/SuperProducts/StudioiPhone/
I am HTML/CSS/jQuery coder. And I need to develop the website, which will be "zoomed-out" or "fitted" to 320x480 (frequently used resolution) Android mobile device screen.
Or even this solutions should check my screen resolution and connect the right CSS for that.
Somewhere I met that there is android.js file, which connects to HTML and recognizes if the website was open on PC or on android device. But I am not sure at all. I didn't do anything for mobiles before.
Found this article: http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/
Don't think it's a right solution to use PHP for that.
Better would be HTML or JS.
A very simple answer would be don't hardcode width on the elements and don't specify font size in pixels. The mobile browser will adjust the rendered page itself.
If however you want more iPhone-like look of form controls like radio buttons, buttons, drop downs, then you need to use the mobile javascript libraries outlined in the other answer.
A simple answer would be a mobile javascript library such as one of the following:
http://www.sencha.com/products/touch/
http://www.phonegap.com/home/
http://jquerymobile.com/
http://jqtouch.com/
I'm using win7.
and i have website which i want to test it with iPhone browser environment.
which it's use most flash (jISFR).
this is the website i talking for,
http://www.hamuranalodge.com/
may you can see menu navigation is using flash jSIFR, which it's seems not work in iPhone, and want to fix it. of course i need iphone Testing for it.
Is there somebody know how i can test it with iphone browser?
may there is a software can do it?
or a website give service like that?
Thanks
Not a perfect solution but you might be able to test it on the Android browser instead. The SDK runs on all major OSs and is free to download and install. Just make sure that flash support is turned off. I'm pretty sure iPhone and Android both use WebKit so you should get similar behaviour on both.
You could use the iPhone simulator if you have access to a Mac.
There are sites like this:
http://www.testiphone.com/
but this one doesn't work very well, at least not for this particular request. Go there and point it at www.worldsbk.com - it renders the Flash block on the top right hand side just fine on my desktop computer (Firefox3 Mac OS X), but have a look here:
http://www.flickr.com/photos/bigiain/5037577763/
to see a screen grab of that page from my iPhone... Note the big grey block where the flash bit should be...
I am using GWT-JAVA. The Login page displayed good in firefox.
But In IE It is too slow and also Fonts are too big.
In chrome it display only the background image. Nothing will be display.
Is it GWT a browser dependent? Otherwise Can i change any other options or anything else?
Thanks in advance.
GWT is intended to be browser independent, but there are limits. Are you following the advice in the "Cross-Browser Support" page?
Speed of old versions of IE will always be an issue for any browser-based UI toolkit that relies heavily on Javascript.
I have developed a website in asp.net for iPhone.
Now I am stuck in how to deploy that site on the iphone?
Never done it before.
How to make it iphone ready so the device can access the site ?
Any ideas...
Thank you All.
Social Circus, as Mehrdad says you don't need to change anything to allow users with iPhones to access your site; iPhones use a mobile version of Safari that renders pretty much everything like a normal desktop browser. There are a few things worth noting however if you want iPhone users to have a good experience browsing your site:
No Flash. If you've used Flash at all in your site it won't work on iPhones (or most other mobile platforms).
The resolution of the iPhone is 320x480. The top and bottom bars will take off a minimum of 20+44 = 66 pixels. You could implement a CSS template that re-formated everything into 320 pixel width but this is a lot of work. See something like Google Mail in an iPhone browser for an example.
iPhone users will be able to add a shortcut to your webapp on their desktop, with a name they want, so the actual URL matters less from this perspective.
Finally, it's worth noting that many iPhone users think of webapps as a bit "passe" - a bit old (man that's sooo 2008!). This isn't really fair but it's mostly true. With 65,000+ apps on the app store no-one's going around looking for webapps any more. For a better chance of adoption, especially if it's something like a game, perhaps look at using the SDK to write an iPhone-specific version? (quite a lot of work usually!!)
Hope that helps
Copy the stuff to the Web server, setup the databases if necessary, just as you'd do for a Web app designed for desktop browsers. Is this a real question?