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

ListView 50% Height

2 Answers 42 Views
HTML5, CSS, JavaScript
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Gonzalo
Top achievements
Rank 1
Gonzalo asked on 24 Apr 2015, 03:59 PM

Hi, I'm trying to make a UI with 2 list views, each one 50% height (i.e.: dividing the screen in 2).

I've tried to do it with CSS but I'm not an expert so I failed.

Do you know if it's possible? Here's a link to an example markup for what I'm trying to do: http://dojo.telerik.com/AHuyu

 

Thanks,

Gonzalo

2 Answers, 1 is accepted

Sort by
0
Accepted
Anton Dobrev
Telerik team
answered on 28 Apr 2015, 10:38 AM
Hi Gonzalo,

You can accomplish this by choosing to divide the view in two (or more) Kendo UI Scroller widgets, each containing instances of the List View widget. I followed the Kendo UI Scroller demo and modified a bit your example. Here is the result.

Let me know if this helps and if you have further questions.

Regards,
Anton Dobrev
Telerik
 

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

 
0
Gonzalo
Top achievements
Rank 1
answered on 28 Apr 2015, 05:11 PM

Thanks Anton! The scroller widget did the trick.

Best regards,

Gonzalo

Tags
HTML5, CSS, JavaScript
Asked by
Gonzalo
Top achievements
Rank 1
Answers by
Anton Dobrev
Telerik team
Gonzalo
Top achievements
Rank 1
Share this question
or