Category Archives: Ionic Questions
Ionic external link open in app browser
Ionic external link open in app browser : When we are working with ionic we often need to open external links in our app browser. Fo this you need to install ngCordova. Make sure you have installed this plugin Otherwise it will not work. Here we are going to explain the external example in ionic.
Ionic external link open in app browser
First Confirm You Have installed the following plugins and added the following code –
- ngCordova – Install ngCordova if not installed check here the steps to install http://ngcordova.com/docs/install/
- Make Sure You Have Added the ngCordova in your module as –
angular.module('todo', ['ionic','ngCordova']).
For this you need ngCordova installed. - Now Add the following js to open links in appBrowser using the cordova-
Add the above code in the head of your index.html file.
Ionic external link open in app browser not working.
I am sure if you have installed cordova and added the above code and module it will work.
Ionic change loading background
Ionic change loading background : If You are working with ionic you often need to customize the default loader background and colors. If you want to change the style of the Ionic default color, background and other styles add the following css to change the default style. Here we have created css to override the default style.
Ionic change loading background
Add the following css to change the style
Ionic change loader background style
.loading-container .loading {
background-color: white;
color: #333;
border-width: 1px !important;
border-color: #999 !important;
border-style: solid !important;
}
|
The above example will produce the output like this –
Ionic menu scroll not working
Ionic menu scroll not working- This is most common issue when we are working with ionic. This issue mostly comes when you have not added the height of the ion-scroll. You can fix the error by adding the style height of content.
How to Solve – Ionic menu scroll not working
Add the following style to fix the scrolling issue –
Ion scroll not working
|
|
The above style=”height:95%” will fix your issue and make sidebar scrollable.
