Grouped ListView Header Height

6 posts, 0 answers
  1. Robert
    Robert avatar
    16 posts
    Member since:
    Jan 2014

    Posted 20 Mar 2014 Link to this post

    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
  2. Markus
    Markus avatar
    1 posts
    Member since:
    Dec 2013

    Posted 21 Mar 2014 in reply to Robert Link to this post

    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>
       
  3. Kendo UI is VS 2017 Ready
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 24 Mar 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Robert
    Robert avatar
    16 posts
    Member since:
    Jan 2014

    Posted 24 Mar 2014 in reply to Kiril Nikolov Link to this post

    very helpful - thanks!!!
  6. Robert
    Robert avatar
    16 posts
    Member since:
    Jan 2014

    Posted 24 Mar 2014 in reply to Markus Link to this post

    very helpful - thanks!!!
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 24 Mar 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready