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

Using SplitView layout

1 Answer 76 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 19 Jun 2015, 11:34 PM

I've been developing a phonegap application using Kendo and overall the result has been pretty good. I've been focusing on just phone screen size, but now I'm adapting it to tablet, meaning that on some cases where there's a listview that goes to a details view, I'd like to use a SplitView to make a better use of the screen size on a tablet device.

I've developed all my screens as remote views, each one in its separate html file and each one is bound to its own viewmodel.

That being said, now I'd like to reuse my existing views in a splitview layout, but it hasn't been as easy as I thought it would be (or I haven't found the correct documentation/examples). All examples I've seen are very basic and just use a couple of views, all defined in the same file.

In a real world application, that's most likely not the case and you'll have quite a few screens that you can navigate to and that you cannot have all of them in the same file if multiple developers are working on the same app.

 

Issues I've found so far:

  1. Pane navigation doesn't work as one would expect in the details pane. If the details pane screen tries to navigate to another view, the whole page navigates to that view, not just the details pane. Is there a configuration option at the pane level for this?
  2. Another pane navigation issue. From the master pane (left side), if you select an item from a listview and use pane.navigate to display the view in the details pane, the onShow event handler for the detail view is only called once and then it's never called again. Transitions stop working too.
  3. Loading remote views using pane.navigation breaks the view layout for some reason. I'm using the android theme which has the navigation bar at the bottom of the screen, but when I load the views in the splitview pane the navigation is shown at the top.

 

I've stopped developing the split view at the moment as I've found myself writing a lot of hacky code to bypass this limitations.

This could actually be a showstopper for using your framework in my application.

 

Are the issues I mentioned solvable? Am I missing something?

 

1 Answer, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 24 Jun 2015, 08:11 AM
Hello Gonzalo,

none of the issues you describe are known ones. In general, there is no difference in the way remote and local views are handled. The samples use local views for easier understanding.

I may suggest that you isolate the issues you are facing in a dojo or a sample project - we will examine them and assist you accordingly.

I would also like to point out that source control management tool (like the one integrated in the Telerik Platform) should resolve any issues with multiple developers working on the same file. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
HTML5, CSS, JavaScript
Asked by
Gonzalo
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or