Categories
Mobile & Gadgets

How to create website shortcuts on Samsung Galaxy

If you want a shortcut to some of your favorite websites from the home screen, you first have to add those websites as bookmarks. In Chrome i do this by pressing menu, then selecting the star icon.

Afterwards, go back to the home screen, select menu, select “add apps and widgets”, then add the bookmark widget. You will then get a list of your bookmarks which you can add to your home screen.

Categories
Mobile & Gadgets

How to: Turning on and off multi window feature on Android / Samsung Galaxy S3

The new Multi Window feature became available in the recent Android update for Samsung Galaxy S3. You can enable / disable it from the top menu. Drag your finger from the top of the screen and down, then drag your finger to the left in the top menu you get, until you find the “Multi Window” button. Pressing it will enable or disable the feature 🙂

Categories
Mobile & Gadgets

Twitter on Android: Clearing search history

It is a bit irritating to get old search queries up when typing search terms in the Twitter for Android app. It is a bit hidden away, but you can clear out the search history pretty easy.

Note that doing this also resets settings for the application, but it does not log your account off.

On your phone, go to App Drawer, Settings, Applications Manager,  Twitter. Then click the “Clear data” button.

Categories
Mobile & Gadgets

How to make contact shortcuts on Samsung Galaxy S3

You can add a contact shortcut to your “Desktop” on your Samsung Galaxy S3 by adding a widget. Long click on a open area, then “add to home screen”, select “apps and widgets.

Select “Widgets” up to left, then select the “Contact”, “Direct dial”, or “Direct message”-widget, depending on what you want to do. 🙂

 

Categories
Mobile & Gadgets Web development

How to make iframes scrollbable on iPad (even in GWT)

I am currently working on a GWT app that some places uses iframes. When i tested this on a iPad, i noticed that it was not possible to scroll the contents, even with the two fingers swipe trick.

This required a lot of testing, googling, failing and then some more testing.

Somebody solved this by setting parent elements of the iframe, to the iframe`s size, this did not give the wanted behavior. But what i did notice was that there was a lot of pointing towards the CSS rule: “-webkit-overflow-scrolling”. I tried this too, but it did not “just work”.

After some testing, i made it work when i added the CSS rule for almost all parent elements for that iframe. With the 3 parents of the iframe corrected, the ipad started working as expected. Yay!

-webkit-overflow-scrolling: touch;

But then, i got to the next problem. All the HTML elements that were hidden because of overflow, started disappearing, shrinking, getting cut in half, and other “fancy stuff”.

Luckily, there is a CSS fix for that too:

*:not(html) {
-webkit-transform: translate3d(0, 0, 0);
}

tl;tr: iPad gets correct iframe scrolling with two lines of CSS.

PS: This is verified on iPad3.