how to join two table in codeigniter easily[updated] | ci_model | ci_controller | codeigniter 3 -datainflow
Hello developers,
I am back with a new interesting tutorial article on how to disable default Splash Screen and set a .gif Splash Screen in Ionic. So lets get started.
Step 1.
Set this code in your default controller :
$scope.$on('$ionicView.afterEnter', function(){ setTimeout(function(){ document.getElementById("custom-overlay").style.display = "none"; }, 3000); });
Step 2.
Edit your App.js file with this code :
angular.module('starter', ['ionic', 'ngCordova', 'starter.controllers']) .run(function($ionicPlatform, $cordovaSplashscreen) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(navigator.splashscreen) { $cordovaSplashscreen.hide(); } if (window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } if (window.StatusBar) { // org.apache.cordova.statusbar required StatusBar.styleDefault(); } }); })
Step 3.
in your config.xml change the value to none in the below line
<preference name="SplashScreen" value="none"/>
Step 4.
Add this CSS classes in style.css
#custom-overlay { display: flex; flex-direction: column; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #FFF3FF; } #custom-overlay img { display: block; margin: 0 auto; width: 60%; height: auto; }
Related posts