Skip to content

Instantly share code, notes, and snippets.

@jcesarmobile

jcesarmobile/statusbar plugin test

Last active November 30, 2017 23:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jcesarmobile/114fdb8b771837440752 to your computer and use it in GitHub Desktop.
Save jcesarmobile/114fdb8b771837440752 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
statusbar plugin test
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
<title>statusbar test</title>
</head>
<body style="height:100%;margin:0px;padding:0px;width:100%;">
<div style="background-color:red;height:45px;position:absolute;top:0">AAA</div>
<div style="background-color:red;height:45px;position:absolute;top:0;right:0;">BBB</div>
<div class="app" style="margin:80px">
<input type="button" onclick="StatusBar.hide();" value="hide"/>
<input type="button" onclick="StatusBar.show();" value="show"/>
<input type="button" onclick="StatusBar.overlaysWebView(true);" value="overlay"/>
<input type="button" onclick="StatusBar.overlaysWebView(false);" value="don't overlay"/>
<input type="button" onclick="StatusBar.backgroundColorByName('blue');" value="blue"/>
<input type="button" onclick="window.open('https://www.google.es','_blank');" value="open"/>
</div>
<div style="background-color:red;height:45px;position:absolute;bottom:0">YYY</div>
<div style="background-color:red;height:45px;position:absolute;bottom:0;right:0;">ZZZ</div>
<script type="text/javascript" src="cordova.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment