A simple list of images?

ionic-v1
1

How to create a list of the screenshot?

1 Like
2

Just a guess, but try making a list of div objects and set the images as the background images of those divs. You’ll have to play with the CSS to make the text white…

Pseudo code -

<ion-list>
    <ion-list-item>
        <div background-image="{{image}}">
            {{the_text}}
        </div>
    </ion-list-item>
</ion-list>
3

I’ve created a very ugly, but basically functional, example right here!

1 Like
4

that no-repeat command is exemplary code! :smile:

and yeah, the @aspire​89 will have to find the right sized images for this…

5

Well, as I said basic :smiley:. But yeah the image size would need to be adjusted. I’d probably use a few different resolutions to make sure they look sharp on high-res and low-res screens.

1 Like
6

This was helpful! Thanks!

8

hello all , am making one project in ionic in which task is taking picture through camera or choose image from list of images (in horizontal scroll bar list ) and send it to server …so here am facing one problem is how can i show on page that choose image from list…solution to choose image from list please
thanks in advance …you can see my below link for excepted output
Screenshot_2018-02-22-08-58-59_1