I try to reduce the height of the listview entries using cssclass and if I reduce it too much, the result is that the text "floats" down leaving the first entry blank and the last entry disappears. The following illustrates this. you can get the text to shift up by increasing height in
.e-lv.customclass .e-list.
Thank you.
<style type="text/css" class="cssStyles">
* {
font-family: Arial;
}
.e-lv.customclass .e-htitle, .e-lv.customclass .e-btn-text {
font-size: 8px;
vertical-align: middle;
text-align: center;
padding: 0;
height: 11px;
margin: 0;
width: 100px;
}
.e-lv.customclass .e-header {
font-size: 9px;
height: 11px;
vertical-align: middle;
background-color: pink;
padding: 0;
box-sizing: padding-box;
margin: 0;
width: 100px;
}
.e-lv.customclass .e-list {
font-size: 8px;
background-color: yellow;
vertical-align:top;
padding: 0;
margin: 0;
height: 11px;
}
}
</style>
<div>
@(Html.EJ().ListView("Listview").AutoAdjustHeight(true).Width(300).ShowHeader(true).EnableCheckMark(false).HeaderTitle("Victims").CssClass("customclass")
.Items(items=>
{
items.Add().Text("Inbox");
items.Add().Text("VIP");
items.Add().Text("Drafts");
items.Add().Text("Sent");
items.Add().Text("Junk");
items.Add().Text("Trash");
items.Add().Text("All mails");
items.Add().Text("Mail");
}))