This is a migrated thread and some comments may be shown as answers.

App initialization from div container doesn't work

2 Answers 40 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Roman
Top achievements
Rank 1
Roman asked on 14 Apr 2014, 09:36 AM
I came across this while trying to implement a universal Kendo UI app for phone/tablet based on this how-to:

http://docs.telerik.com/kendo-ui/howto/universal-mobile-apps-html5

When trying to initialize the application from a div instead from the body element, I'm getting an empty page with no output in the console. I have set this up here:

http://jsbin.com/mutes/2/

Now when you remove the wrapping div and initialize the app from the body (or give the body the id of the div), everything works fine.

2 Answers, 1 is accepted

Sort by
0
Accepted
Alexander Valchev
Telerik team
answered on 14 Apr 2014, 10:34 AM
Hi Roman,

Because mobile View containers are absolutely positioned the #phoneApp element is not expanded, e.g. its height is zero which is why you see a blank screen.
The solution is to include the following CSS:
html, body, #phoneApp {
  height: 100%;
}

I hope this information will help.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Roman
Top achievements
Rank 1
answered on 14 Apr 2014, 12:17 PM
Ah yes, of course. Thanks for the fast reply.

Roman
Tags
General Discussions
Asked by
Roman
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Roman
Top achievements
Rank 1
Share this question
or