After working on a multi-view page for a couple of months, the shareholders have recently added a requirement that the back button work "as expected". I've found the SPA/layout/router functionality of KendoUI, which appears to be what I need, but I'm rather lost as to how to convert my existing functionality to use it. Also, please note that this is my first time using KendoUI, or working w/ a single page application, so my initial solution is probably not ideal in many respects.

I've hosted an example version of my application here: app.smarteru.com/custom/kendo/index.cfm, as well as attaching the source code as a zip file. I've stripped out a lot of the extraneous UI bits, but I've left the util.js fully intact (including functions that won't actually be called by the example), so you can see the general idea of the page as a whole.

I would appreciate some general guidance/an example of how I can get my tile and list views working within the layout/router framework. You'll notice in the generateCourseView in util,js, I'm handing the hiding/showing of the tile and list display divs on my own (as well as hiding other views, which I've removed from the example for simplicity).

I do have a few specific questions, in addition to the general request for guidance:

• Our standard URLs always include a ?AccountID=1234 parameter, which we'll need to keep. How/will this work w/ the layout/router?
• Can I link to a specific view from another location, while passing another URL parameter? For example, when a course is completed, we want to link back to the course index view (not included in the example), but we need to pass the course completion ID. In our current system, the URL would look something like "course-index.cfm?AccountID=1234&AULMRID=7894". How do I handle this w/ the layout/router functionality?

Hi,

Can you help me with my dojo here? In this experiment I'm trying to redirect to the login-view. Doesn't work, neither in the change event nor in the route callbacks. Plus using the change event produces an infinite loop (on FF38).

Regards,

Kasimier Buchcik

I notice strange behaviour in Google Webmaster Tools. Google crawler found some links that doesn't exists. I first though that Google doesn't handle properly my (ajax) sitemap.xml, until I notice this 404 error in Webmaster Tools:

URL:https://domerus.si/realestates/*id

The only place where string "realestates/*id" appears is in init kendo router route:

I already asked how can I fix this on Google support, but since I am starting to feel kendo is responsible for this, I am also posting it here.

Hi,

We are trying to use a spa project template that Kendo put up on the Visual Studio Gallery https://visualstudiogallery.msdn.microsoft.com/924c3074-ceab-4be4-87e1-e9e4fd4b6d61 , The problem we are having is when building the requirejs app with the optimizer r.js, the app runs and no errors but the templates are not rendering, I can see that the templates have been included in the built file. The app and templates render no problem when not using the optimizer. 

I have attached a project with the problem,

Templates not rendering when using built file 

<script src="@Url.Content("~/Scripts/require.js")" data-main="@Url.Content("~/App/main-built")"></script>

Templates rendering with non built file

  <script src="@Url.Content("~/Scripts/require.js")" data-main="@Url.Content("~/App/main")"></script>

Can anyone shed some light on this please?

Thanks

N.

I am receiving this error when attempting to use Kendo UI Mobile /SPA features:

Error: Your kendo mobile application element does not contain any direct child elements with data-role="view" attribute set. Make sure that you instantiate the mobile application using the correct container

I have one index.html page:

I followed this tutorial to get this page up and running:
http://blogs.telerik.com/kendoui/posts/13-08-01/kendo-ui-mobile-remote-views-and-separate-html-files

I found this post in the forum, however, I am not sure how to plug into my index.html to get to work:

http://www.telerik.com/forums/problems-getting-kendo-to-work

I was hoping to get some help to get this to work correctly.

Thanks!
Dan

I have been tasked with adding a Login page to a Kendo UI Mobile project.  The Login page needs to appear first when the user opens the application.  I also need to make this application an SPA application, using the router (or not using the router is easier).

Here is the existing index.html:

I have a few questions:

1. What determines, in the above .html, the first page/view that will appear?

2. How do I add an existing login.html into this page?

3. If I am to use the router, how to I add this feature to the existing index.html?  Does each view become a template and how would I do that?

4. Once the login page is authenticated/passes, how do I open the Accounts view?  Does this need to be put into a router or not?

I have been reviewing examples online, but I don't see samples on how to accomplish what I need to do.

Thanks!
Dan

I have a few questions:

1. With Kendo UI and its routing features, can they be broken into separate .html pages, so not to have all code in one index.html?  Or does it all have to be on one .html page with templates, routing, controllers, etc.?  I wanted to keep the index.html separate and easy to read and keep all other pages in a "views" folder.

2. Is it better to use Angular routing with Kendo UI features or does it not work correctly?

I see with Angular, you can use a placeholder:

If there are any demos/tutorials that show exactly what I am looking for, please let me know.  Or if you can provide code that spells all this out, I would really appreciate this.  I am new to the Kendo UI SPA/Routing coding/processes and I can understand Angular a little better.

Thanks!
Dan