How to use item-cell properly in List View?

rastek · June 21, 2018, 1:28pm

Hi,
I want to make a screen similar to one below, I want to user cell-item for every rows and put image or icon to left side. I have few things to solve

I want to put a string as second line (seem as ‘service’ in image at bottom)
I want to align icon to left
I want to put an image to left side, below code doesnt show the image
I want to automatically shorten long strings such as Meet me Audio C…
I want to make lowercase double qutoes, however putting (style=“text-transform:lowercase” in item-cell has no effect
I want to put border lines around item-cells

  .list
   ul
     li
       a.item-link.item-content(href="#")
         .item-inner.item-cell
           .item-row
             .item-cell {{ $t('MEETME_SERVICE') }}
              i.icon.material-icons.md-only phone_in_talk
             .item-cell {{ $t('CALL_GRAB_SERVICE') }}
              i.icon.material-icons.md-only phone_in_talk
           .item-row
             .item-cell {{ $t('VOICEMAIL_SERVICE') }}
              i.icon.material-icons.md-only phone_in_talk
             .item-cell Cell 2-2
              i.icon.material-icons.md-only phone_in_talk

fav2

and this what I want to get actually