Target different platform


#1

Hi, is possible to target different platform?

For example, if I want to use the fading status bar only on ios? is that possible? (I saw the using the fading bar on android is a bit buggy.

Thanks


#2

Each platform gets a specific class applied. So for the fade bar to appear on iOS 7, I have my css like this

.platform-ios7 .fade-bar {
	height: 20px;
	width: 100%;
	position: fixed;
	z-index: 9999;
	opacity: 0;
	background-color: #000;
	position: absolute;
	top: 0px;
}

#3

Thanks a lot!

Roberto


#4

I need to document this yet, but here are a few examples of what gets added to the body class depending on what platform it’s on:

For iOS 6.1.1:
<body class="platform-ios platform-ios6 platform-ios6_1">

For iOS 7.0.6:
<body class="platform-ios platform-ios7 platform-ios7_0">

For Android 4.3.1:
<body class="platform-android platform-android4 platform-android4_3">

Also, when it is within Cordova or Phonegap, it’ll add platform-cordova to the body class too.


Detect isPhone
#5

I allready use these CDs classes. But thy only make difference between IOS and Android. So you can tweak components for IOS or Android.
I have some modals tweaked for IOS and Andriod. But these modals don’t gut in phone.