On-hold example
How do I make an on-hold example?
A barebones starter template for Ionic development. What is a on-hold example? How do you make a on-hold example? This script and codes were developed by Mike Hartington on 21 September 2022, Wednesday.
On-hold example - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>on-hold example</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html ng-app="ionicApp">
<head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>Ionic Template</title> <link href="https://code.ionicframework.com/1.0.0-beta.7/css/ionic.css" rel="stylesheet"> <script src="https://code.ionicframework.com/1.0.0-beta.7/js/ionic.bundle.js"></script>
</head>
<body ng-controller="MyCtrl"> <ion-header-bar class="bar-positive"> <h1 class="title">{{myTitle}}</h1> </ion-header-bar>
<ion-content class="padding"> <div on-hold="alerts()" class="row responsive-lg"> <div class="col"> <div class="row responsive-md"> <div class="col">Hold me</div> <div class="col">Hold me</div> </div> </div> <div class="col"> <div class="row responsive-sm"> <div class="col">col</div> <div class="col">col</div> </div> </div>
</div>
</ion-content>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>
On-hold example - Script Codes CSS Codes
body { cursor: url('https://ionicframework.com/img/finger.png'), auto;
}
.col{ background-color:gray !important; border:thin solid black; text-align:center !important;
}
/* Portrait */
On-hold example - Script Codes JS Codes
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) { $scope.myTitle = 'Template'; $scope.doSomething = function() { $scope.myTitle = $scope.myTitle + ' something'; }; $scope.alerts = function (){ alert("hey there"); }
});
Developer | Mike Hartington |
Username | mhartington |
Uploaded | September 21, 2022 |
Rating | 3 |
Size | 2,113 Kb |
Views | 40,480 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Ionic Chat example | 3,926 Kb |
Blank Starter - Nightly | 2,012 Kb |
Ng-maps | 2,665 Kb |
Ionic Fading Menu | 3,594 Kb |
Ionic Responsive Video | 2,099 Kb |
Magical Flex-box | 2,182 Kb |
Set focus | 1,772 Kb |
Input type date | 2,107 Kb |
Nested Flex | 2,062 Kb |
Blank Starter | 2,171 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Simple DevTools | Deegill | 2,511 Kb |
Jquery 2d character movement | Drewtadams | 4,291 Kb |
Ionic - Wordpress REST API starter | Superpikar | 2,961 Kb |
CSS3 Selectables with information rollover | Jasonmayes | 9,565 Kb |
Fellowship of the Ring | Aussieyang | 2,639 Kb |
Eunice A | Ejbronze | 2,203 Kb |
CSS3 Diamond | Rendro | 1,960 Kb |
Wikipedia viewer | Chpecson | 2,865 Kb |
Animated bar chart | CreativePunch | 3,124 Kb |
The Fantastic Mr Fox | MalZiiirA | 10,435 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!