How to make this king of list?


#1

Hi all, I would like to make a list like that (menu Categories) http://ionicmaterial.com/#preview, who can help me ? Thanks :slight_smile:


#2

Take this: http://ionicframework.com/docs/components/#item-avatars
and add some css-styling

If you want the “click” effect you can take it simply from the preview or google for ripple effect

http://thecodeplayer.com/walkthrough/ripple-click-effect-google-material-design

:wink:


#3

Thanks but I want to reproduce the screen form the “Categories” menu :slight_smile:


#4

I think you need to learn basic CSS, becouse is something easy and don’t require ionic at all. Is just a list of links images with text overlay. For the text over images you can see this: https://css-tricks.com/text-blocks-over-image/

Sry for my english.


#5

Simple: an ion-list with fixed height for ion-items and the image as background-image: cover and some text.