Style Ion-Radio checkbox in Ionic with CSS

Recently I had the trouble of changing the default radio checkbox in ionic. Here is the CSS of how to do this:

.list .item-radio .item-content {
  background-color: black;
  color: white;
}
.list .item-radio .radio-icon {
  background-color: black;
  color: white;
}
.item-radio input:checked + .radio-content .item-content {
    /* style the item content when its checked */
    background: black; 
}

Terrible Car Design Killed Anton Yelchin.

It is this Jeep vehicle that killed the ‘Star Trek’ actor Anton Yelchin. This very irresponsible car design by Chrysler is what caused the actor’s death without a doubt. There was no real need to make this shifter all electronic. Absolutely nothing is gained by this software solution of a hardware problem. Terrible human factors engineering all around.

How to Hide Specific Ionic Tabs in Angular

How to Hide Specific Ionic Tabs in Angular? It turns out ionic does not support this functionality by default although I think it should, but luckily it’s not that complicated.

Here are the 3 simple steps:

1. In your tabs.html add this ng-class

<ion-tabs ng-class="{'tabs-item-hide': hideTabs}">

</ion-tabs>

2. Add ‘hide-tabs’ in your views where you want to hide the tabs

<ion-view hide-tabs> 

</ion-view>

3. In your app.js add the directive to hide tabs

.directive('hideTabs', function($rootScope) {
    return {
        restrict: 'A',
        link: function($scope, $el) {
            $rootScope.hideTabs = true;
            $scope.$on('$destroy', function() {
                $rootScope.hideTabs = false;
            });
        }
    };
})

The hide-tabs directive will hide the tab on whichever ion-view you set it to.

Ionic App Starter Templates on Noodl.io and Ionic Marketplace

I recently published some of my Ionic Starter Templates that should speed up your new hybrid app development on Noodl.io and Ionic Market. All starters have been tested on both iOS and Android.

 

Screen Shot 2016-01-10 at 3.27.51 PMIonic Geolocation – A quick way to start a new geolocation enabled app

Ionic Phonebook – A very easy way to start your phonebook & contacts app

Ionic OAuth – A full app with a node.js backend to support user creation, session, login & social login

Ionic Login Session – A full stack app with node.js backend without the social login support

Also please leave a rating if you get one! many thnx =)

eBay still stuck in MySpace age

eBay still lets users pick they own font and worse, the size of the font, for their item listings. Also you can create a whole html page and plug it in as a frame I assume.

 

Screen Shot 2015-07-21 at 5.08.38 PM

 

 

I think I’ll use Arial 48, that will look good.

Categories UICategories