Justin Young
This thing is great. Is it possible to do a background color overlay on top of the image? I tried for a while and couldn't figure it out.
Amazing list/explore/category pages with cover items for your Ionic apps
Thanks to all of you who have downloaded this plugin! Please consider leaving a rating and review, it would be really helpful to get your feedbacks. Thanks.
Plugin by icliclabs.com
Description
Ionic Cover Item is a gorgeous component allowing you to have amazing designs for your list pages with cover images. Simply add to your current item list the ion-cover-item directive.
Test Before You Buy
You can test the app using Ionic View and enter the app id e848b935.
Features
Installation
That's all!
Usage
Here is an example of a view:
<ion-view>
<ion-header-bar class="bar-dark">
<h1 class="title">Explore Places</h1>
</ion-header-bar>
<ion-content>
<!-- regular list from ionic -->
<div class="list">
<!-- <ion-cover-item> is very easy to use, you just have to specify the `cover` attribute with the path to your image -->
<ion-cover-item ng-repeat="place in places" class="airbnb-style" cover="place.cover" ng-click="goTo('details');">
<!-- put your item html -->
<h2>{{ place.name }}</h2>
<p>{{ place.description }}</p>
</ion-cover-item>
</div>
</ion-content>
</ion-view>
If you want to customize the default style, you can add a class to the directive and define the style in your css file:
.airbnb-style.ion-cover-item {
justify-content: center;
text-align: center;
height: 340px;
border: 1px solid #333;
}
This component is structured, easy to customize and integrate into your Ionic app, BUT feel free to email me if you need any help.
Other Popular Plugins:
Need Custom Work?
If you need help with your Ionic apps, if you need a specific plugin or integration. Let's get in touch. I'll be glad to develop or advise you for your app! Email me at icl1clabs@gmail.com.
Hey there! You'll need to log in before you can leave a comment here.
This thing is great. Is it possible to do a background color overlay on top of the image? I tried for a while and couldn't figure it out.
Perfect
Perfect
This thing is great. Is it possible to do a background color overlay on top of the image? I tried for a while and couldn't figure it out.
Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.
Awesome plugin :).
{{ rating.comment }}
{{ rating.comment }}
Awesome plugin :).