toolbar items won't show

[Phil]

I'm creating a toolbar with Kendo UI Mobile.  None of the items set to overlow:always will show up.  What am I doing wrong?

 <div data-role="toolbar" data-items='[  
 {
id:"btnAdd",
type:"button",
align:"right",
overflow:"never",
icon:"add",
text:"Add"
 },
 {
id:"btnSearch",
type:"button",
align:"right",
icon:"search",
text:"Search",
overflow:"auto"
 },
 {
id:"btnCampus",
type:"button",
align:"right",
icon:"home",
text:"Switch Campus",
overflow:"always"
 },
 {
id:"btnLogout",
type:"button",
align:"right",
icon:"reply",
text:"Logout",
overflow:"always"
 }

]'>
</div>

 

[Alexander Valchev]

Hello Phil,

I prepared an example based on your code:

• http://dojo.telerik.com/OZOwA

The tools with overflow: "always" are located in the overflow popup, because overflow: "always" says that they should always stay in the overflow popup.

Regards,
Alexander Valchev
Telerik

 

 

[Phil]

So, based on my testing, this seems to be an iPad issue.  When I first run in the simulator, the overflow menu does not show.  I click "Refresh" and the menu now shows.  On a physical device, the menu NEVER shows.  This is the same code shown above.

[Alexander Valchev]

Hi Phil,

Could you please provide a Kendo Dojo test page where I can reproduce the issue?
The Dojo example which I provided in my previous post seems to be working as expected.

Looking forward to your reply.

Regards,
Alexander Valchev
Telerik

 

 

[Phil]

I modified the dojo post at http://dojo.telerik.com/OZOwA/2 to show exactly what I am doing.  I also found the issue while I was at it.  

 If I specify 

new kendo.mobile.Application(document.body, {           
            transition: 'slide',
            initial: 'index.html'            
        });

 then I do not see the overflow menu.  If I specify

new kendo.mobile.Application(document.body, {           
            transition: 'slide'          
        });

 then I DO see the overflow menu.  Somehow specifying the "initial" parameter changes the behavior.  I am not sure how to do this in the dojo sample as I don't really have an HTML page name, but this works 100% of the time in the AppBuilder simulator.

[Alexander Valchev]

Hello Phil,

I prepared example which uses remote initial View but did not manage to reproduce the issue.
Could you please check the attached files and let me know what I am missing.

In order to run the example you should host it on a local server and open it with an iPad.

Regards,
Alexander Valchev
Telerik