Mobile development is requirement for any modern websites. Kentico CMS has always been an innovator with their support of mobile devices. Learn how version 7 extends support for mobile developers and dynamic sites. In this session we'll lookat how the power of mobile comes to Kentico CMS 7.

1. Kentico CMS 7 : Mobile web
development
Juraj Hrinik, jurajh@kentico.com

2. Kentico CMS 7 – Ramp Up Webinars
Date Title Registration link
August 30, 2012 (8-9 AM Kentico CMS 7 – Achieving Register here
PST) Marketing Success
August 28, 2012 (8-9 AM Kentico CMS User Group Register here
PST) Presents: Here Comes Version
7!
For more information – go to http://bit.ly/LRsDJP

3. New features
• Mobile device detection
– Detected by user agent
– Support for external service (51degrees.mobi)
• Device profiles
– Category of similar devices
• Automatic layout transformation
– Switches between shared layouts automatically according to current device
profile
• Custom device layout
– Define completely new layout for device profile

4. Existing features
• Conditional layouts
– Layout switched by macro expressions
• CSS design changes
– Auto generated CSS class for current device profile

5. Mobile device detection
• Detection by user agent from client device
• Two ways to detect:
– Kentico specified XML for user agents
• Out of the box solution
– 51degrees.mobi provider
• Automatic updates

6. Device profiles
• Category of similar devices
– No need to define design for each device
• Multiple type of detection
– You can simplify and tweak detection
• Preview
– Viewport dimensions of preview in CMSDesk
• Ordered list
– Better control to detection

7. Automatic layout transformation
• For shared layouts
• You can define if layout is convertible and number of web part zones
• Automatically layout switch defined for each device profile
– One layout can be mapped for different device profiles differently
– Layout mapping is in device profiles UI

8. Custom device layout
• Separated layout definition for each device profile
• Perfect solution for complex designs
• Ability to copy layout from other profile

9. Conditional layouts
• CMSConditionalLayout
– Special layout control
– Specify visibility of layout through macro expression
• CMSDeviceLayout control
– Designed for device profiles
– Based on CMSConditionalLayout control

10. CSS design changes
• Device profile name in body CSS
– For better design capabilities
• CSS3 media queries
– Not Kentico feature 
– Based on CSS2 media type definition

11. Questions

12. Useful links
• http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
• http://www.w3.org/TR/mobile-bp/

13. Contact
Juraj Hrinik
• e-mail: jurajh@kentico.com
• twitter: @hrinik
• web: http://denver.kentico.com
• blog: http://devnet.kentico.com/Blogs/Juraj-Hrinik.aspx