Grouped ListView Header Height

[Robert]

I cannot figure out the best way to make the group headers smaller. Out of the box CSS has sets km-group-title height at 101px but adjusting this invites the weeds... Admittedly, CSS makes my eyes bleed...

All the demos show a much smaller group header... What'd I do wrong?

Thanks
Robert Earnest Lassiter

[Markus]

Hi Robert,

I was searching for the solution to the same problem and your post gave me the right hint. The CSS, that fixes the problem for the view #sqliteexample (see below) for me is

#sqliteexample .km-listview .km-group-title {
            padding: 0;
            border-top: 0;
            box-shadow: none;
        }

<!-- Sqlite Example-->
    <div id="sqliteexample" data-role="view" data-init="initContactsSQL" data-show="onShowContactList" data-title="SQLite"> 
        <ul id="sqliteexamplelist" data-role="listview"></ul>
    </div>
   

[Kiril Nikolov]

Hi Robert,

Please check the following code snippet and let me know if it helps:

http://trykendoui.telerik.com/IKIL

@Markus - thank you for sharing your solution, it works perfectly well.

Regards,
Kiril Nikolov
Telerik

 

 

[Robert]

very helpful - thanks!!!

[Robert]

very helpful - thanks!!!

[Kiril Nikolov]

Hello Robert,

I happy to hear that the provided solution helped. 

In case you have any further questions, please do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik