This is a migrated thread and some comments may be shown as answers.

Grouped ListView Header Height

5 Answers 43 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 20 Mar 2014, 09:05 PM
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

5 Answers, 1 is accepted

Sort by
0
Markus
Top achievements
Rank 1
answered on 21 Mar 2014, 07:05 PM
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>
   
0
Kiril Nikolov
Telerik team
answered on 24 Mar 2014, 10:15 AM
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!
 
0
Robert
Top achievements
Rank 1
answered on 24 Mar 2014, 12:44 PM
very helpful - thanks!!!
0
Robert
Top achievements
Rank 1
answered on 24 Mar 2014, 12:44 PM
very helpful - thanks!!!
0
Kiril Nikolov
Telerik team
answered on 24 Mar 2014, 12:48 PM
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!
 
Tags
ListView (Mobile)
Asked by
Robert
Top achievements
Rank 1
Answers by
Markus
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Robert
Top achievements
Rank 1
Share this question
or