How Desktop Web Application and Mobile Web Application can be combined in one app?

2 posts, 0 answers
  1. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 20 Nov 2015 Link to this post


    I'm developing web app that is based on KendoUI Scheduler control with AngularJS. It looks great on desktop browsers, but I want to implement custom design for mobile phones and tablets. I know about mobile=true flag, but this is not enough for me - app still looks not acceptable on phones. So I've read tutorial about building Mobile web app: Link

    This tutorial covers scenario, when app is built from scratch, and is adapted only for mobile devices. But I need such behaviour:

    • When user opens app from desktop browser, it renders like standard web app (this behaviour I've achieved now)
    • When user opens app from tablet or phone, it renders like Mobile web app, include additional mobile controls (for example, switches Link), custom logic, touch and gestures support (Link) and so on.

    Can this behaviour be achieved? And if so, can you please provide some examples/tutorials/demos?

  2. Petyo
    Petyo avatar
    2444 posts

    Posted 24 Nov 2015 Link to this post


    the approach you describe is referred to as an adaptive design and involves server-side device detection and redirecting to the respective UI. Notice however, that sharing client-side implementation possibilities between the mobile and the "desktop" UI is quite limited, due to the views being structured differently. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top