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

[Loeschke]

Hello!

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?

[Petyo]

Hello,

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. 

Regards,
Petyo
Telerik