I’m trying to create an inset list using the JS list implementation:
<p>Description of Item 1</p>
but when I add
<ion-list>, I don’t get the same effect as the CSS implementation below:
<div class="list list-inset">
Raiders of the Lost Ark
The CSS implementation creates a padding at the left and right side of the list but the JS implementation doesn’t produce the same effect. Am I supposed to add padding for the JS version or is this a bug?
I just noticed the exact same thing, and was going to file a github issue about it, but considering I’m not the only one let’s see if there’s any discussion needed around this first.
And how do you Style
I try to add class with red background in style.css and apply it on
<ion-item> but doesn’t work. But it works on
I am also wondering how to use
My workaround is to place a
<div class="list-inset> around my
Just an FYI, I just ran into this as well. Looks to be still broken.
I know this topic is old but its the first topic listed (no pun intended) when you do a search for ion-list list-inset. To use the JS implementation use type,
Here is the doc link, http://ionicframework.com/docs/api/directive/ionList/