CODEWITHSUNDEEP
javascriptjqueryjquery-mobilejquery-mobile-listview
Dot
Dot

Reputation: 279

Jquery Mobile listview gap at bottom of each list item

enter image description here

I want to get rid of the gap at the bottom of the list view.

here is my css

.myParagraph.ui-li-desc {
      color:#333;
      overflow:show;
      white-space:normal;
      height:28px;
      margin-bottom:0px;
    }

here is my markup: 

listitems_markup = '<li><img src="' + itemThumbnail + '""><div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>';

how will I get rid of that gap?

Upvotes: 0

Views: 889

Answers (1)

Hushme
Hushme

Reputation: 3144

try this

      listitems_markup = '<li class="nomarigin"><img src="' + itemThumbnail + '"">
<div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>';

in css

.nomarigin {margin-bottom:0 !important;}

Upvotes: 1

Related Questions