Questions tagged [tablet]

This refers to tablet personal computers. These are mobile computing devices characterised by touchscreen interfaces.

This refers to tablet personal computers. These are mobile computing devices characterised by touchscreen interfaces. These have been popularised by he introduction of the iPad and its competitors.

These devices present particular challenges for UI developers. Functionally they can be seen as sitting between high-end mobile devices and desktop computers. Like mobile devices, they are portable, so they give opportunities for geolocation functionality and the UI interaction have more in common with their smaller counterparts. On the other hand, like desktop devices they have a larger screen area which needs to be acommodated to during development.

The touchscreen UI mean that client-side UI interaction on the web can fail. For instance, click events are not valid. Frameworks such as jQuery Mobile give a larger class of events that can be leveraged by these devices, for example, swipe.

1623 questions
538
votes
18 answers

Media Queries: How to target desktop, tablet, and mobile?

I have been doing some research on media queries and I still don't quite understand how to target devices of certain sizes. I want to be able to target desktop, tablet and mobile. I know that there will be some discrepancies but it would be nice to…
betamax
  • 11,591
  • 9
  • 34
  • 55
201
votes
12 answers

Android: allow portrait and landscape for tablets, but force portrait on phone?

I would like tablets to be able to display in portrait and landscape (sw600dp or greater), but phones to be restricted to portrait only. I can't find any way to conditionally choose an orientation. Any suggestions?
Kenny Wyland
  • 19,242
  • 24
  • 109
  • 205
172
votes
5 answers

How to detect the device orientation using CSS media queries?

In JavaScript the orientation mode can be detected using: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } However, is there a way to detect the orientation using CSS only? Eg. something…
Francesco
  • 23,000
  • 25
  • 96
  • 139
141
votes
30 answers

Tablet or Phone - Android

Is there a way to check if the user is using a tablet or a phone? I've got problems with my tilt function and my new tablet (Transformer)
Benny
  • 1,411
  • 2
  • 10
  • 4
78
votes
6 answers

Layout for tablets in Android

I would like to create different layouts for tablets and handsets in Android. Where should I put the layout resources in order to make this differentiation?
hpique
  • 112,774
  • 126
  • 328
  • 461
64
votes
7 answers

Emulate Samsung Galaxy Tab

I would like to test my application with new Samsung Galaxy Tab tablet. What parameter should I set in emulator to emulate this device? What resolution and density should I set? How can I indicate that this is large screen device? What hardware…
Dariusz Bacinski
  • 7,471
  • 7
  • 33
  • 43
59
votes
5 answers

Navigation Drawer: set as always opened on tablets

I am using the Navigation Drawer pattern from the support library: http://developer.android.com/training/implementing-navigation/nav-drawer.html I was trying to set it as always opened on tablet (as a side menu) Is that something possible with the…
Waza_Be
  • 39,545
  • 47
  • 176
  • 256
54
votes
8 answers

HTML Mobile -forcing the soft keyboard to hide

I am developing the front end site for a coupon company, and I have a page where the user only needs to input phone number and $$ spent. We came up with a fun on-screen keyboard built in Javascript, that is easy to use, and fast. However, I am…
crodica
  • 643
  • 1
  • 5
  • 6
47
votes
14 answers

Running AMP (apache mysql php) on Android

I currently work on an open source e-commerce platform (www.oscmax.com) and I am trying to work out if I can deploy an offline version that can run on an tablet. I was hoping to use an iPad but this has proved very difficult (impossible?) a) Does…
Giles
  • 851
  • 1
  • 9
  • 19
41
votes
4 answers

Using Modernizr to test for tablet and mobile - Opinions wanted

I want to use Modernizr to detect whether a user is view a site on a desktop, tablet or mobile device. My initial first thoughts are obviously to check screen sizes that should be enough for mobile devices and also for larger desktops. For tablet…
mtwallet
  • 4,780
  • 13
  • 47
  • 71
41
votes
4 answers

How to include 10" and 7" layouts properly

Nexus 7: 7" 1280x800 Galaxy tab 10.1 10" 1280x800 I want my app to run on 7 and 10 inch tablets. As far as I know, I have to include these layout folders in my app: for 7 inch tablets layout-sw600dp layout-sw600dp-port for 10 inch…
berestom
  • 1,079
  • 2
  • 10
  • 9
39
votes
12 answers

Designing Android apps for tablets

In the Play developer console it says: Your APK does not seem to be designed for tablets But I have added layouts to layout-sw600dp, layout-sw600dp-land, layout-sw720dp and layout-sw720dp-land folders. The complete manifest (as it is):
Frozen Crayon
  • 4,482
  • 8
  • 31
  • 70
39
votes
7 answers

Why my App is not showing up on tablets in Google Play?

I just released my app for phones and tablets but it is not showing up in Google Play for tablets. Checked on Nexus 7 and Asus eeeePad This is what I have in my manifest file