O'Reilly logo

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API by Ragini Kumbhat Bhandari, Nishanth Nair

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the trailer videos slideshow screen

Let's now create the final screen of our application, which displays a slideshow of the movie trailers, which are videos hosted on YouTube. We are using the Kendo UI Mobile ScrollView widget for this purpose.

In this view, video links and movie names are received from the service and the video links are added to an <iframe> element defined in a Kendo UI template.

HTML

Let's open up the Trailers.html file, which we created in Chapter 2, Building Your First Mobile Application, and add the following HTML:

<div data-role="view" data-title="Trailers"
     data-show="MovieTickets.trailers.show"
     data-layout="mt-main-layout" id="mt-trailers-view">
    <div id="mt-trailer-scrollview" data-role="scrollview">     
        
    </div> <!-- ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required