Questions on Kendo UI for jQuery Forum

2 answers

68 views

Making iPad ActionSheet behave the same as iPhone ActionSheet

Hi,

Is there a way to make ActionSheet behave the same on iPhone and iPad where it is the slide-up from the bottom of the screen? I tried setting 'platform' to 'ios7' but no luck.

Thank you,
Kelvin

ActionSheet

answered on 22 Sep 2014

1 answer

59 views

Cannot switch View from Actionssheet

Hello,

I cannot switch view from inside an actionsheet. Please, check http://jsfiddle.net/dLsJa/1/

Button outside of actionsheet works. But if a link is inside of an actionsheet it does nothing.

Are there any workarounds?

Thank you

ActionSheet

answered on 15 Jul 2014

1 answer

105 views

mailto: or tel: in href of actionssheet don't works

Hello,

i try following actionsheet in my mobile web ...

<ul data-role="actionsheet" id="listViewTeamActions" data-popup='{"direction": "left"}'>
<li><a href="mailto:1234@456.de">MailTo</a></li>
<li><a href="tel:1234567">Call</a></li>
</ul>

Later i will set href dynamically using jQuery.

The links doesn't work. If i click on one of them the actionsheet close ... but nothing else happened.

How do use mailto: and tel: links in actionsheet ?

Regards

Juergen

ActionSheet

answered on 10 Jul 2014

8 answers

247 views

Data-driven Action Sheet

Is there a built-in way to do an action sheet where the elements come from a data source?

I saw http://www.kendoui.com/forums/mobile/action-sheet/dynamic-action-sheet.aspx where another David asked about dynamic action sheets and using the technique you gave there, I was able to kinda accomplish it indirectly:

function LoadActionSheet()
{
        var strHtml = '<li class="km-actionsheet-title">Select Action</li>\r\n';

        jQuery.each(arrValidRoutes, function (i, val) {
            strHtml += '<li><a href="#" data-actionsheet-context="' + val.id + '" data-action="PerformAction">' + val.name + '</a></li>\r\n';
        });

        $("#MyActionSheet").data("kendoMobileActionSheet").destroy();
        $("#MyActionSheet").html(strHtml);
        kendo.init($("#MyActionSheet"), kendo.mobile.ui);
}

My ActionSheet displays just fine using this code.

The problem I'm having is with finding out the ID of the item selected in my click handler - PerformAction. I tried e.context, but I'm guessing that this is for the data-actionsheet-context of the calling link, not for the data-actionsheet-context of the selected action.

So (A) is there any way that I can pass the ID of my selected action to my event handler or (B) is there a built-in way to have a data-driven action sheet?

ActionSheet

answered on 25 Jun 2014

1 answer

61 views

open event doesn't fire when using Actionsheet in a web app

Hello,

I was really pleased to see the actionsheet available for the web apps as of the latest release.

In my scenario I need to catch the Open event (when clicking on the table row) so that I can hide/show certain options depending on what row was clicked. However adding data-open="onOpen" to the UL doesn't call that function. This method available in the API docs. Is this a bug? I understand that this may be due to this being designed for a mobile app, but we are using Web solution and would benefit from this method.

How would you recommend I solve this problem?

Best regards.

ActionSheet

answered on 17 Apr 2014

5 answers

64 views

Know if Cancel

Hi, can I somehow figure out (in the close event or similiar) that cancel was clicked or that the actionsheet was closed without anything being selected? Or is the best approach to just set a variable somethingClicked = false before opening the sheet that I set to true in my data-action events and check for true/false in the close event?

ActionSheet

answered on 25 Feb 2014

1 answer

155 views

Dectect of closing due to clicking outside of ActionSheet buttons

Hello,

According to the docs, ActionSheet on iOS works like a modal dialog, clicking outside of it will not close the ActionSheet. However, I tried it on iPhone/iPad, it will close even it was clicked outside any selection buttons.

Anyway, my question is how to know if the ActionSheet is closed. There is a Close event, but it is only triggered if the Cancel button is selected. If you click outside to make the ActionSheet closing, the Close event will not be fired.

http://jsbin.com/yumiw/1/edit

Please help! Thansk!

ActionSheet

answered on 24 Feb 2014

2 answers

94 views

open method doesn't work on ipad

Hello,

the actionsheet isn't visible on ipad.
could you please check the sample if the code is wrong?

thank you
axel

ActionSheet

answered on 28 Jan 2014

1 answer

69 views

Passing HTML through JSON

Hi Fellas,

I just encountered another problematic, and it seems pretty simple, but I could not come up with an answer reading the documentation.
I demonstrated the issue here: http://chris1904.webege.com/test2.html
Jane Parker's message includes HTML code, and I would like to have that parsed as HTML as well. How do I pass HTML through JSON?

Thank you for your help,
Chris

ActionSheet

answered on 08 Jan 2014

1 answer

60 views

Problem after using scheduler after switching tabs

Hi Fellas,
I am struggling with the Kendo UI scheduler. After I switch to the tab, I cannot normally go back without it changing the style

<div data-role="view" data-init="initScheduler" id="scheduler" data-title="Scheduler">

<header data-role="header">

<div data-role="navbar">

<a data-role="button" href="#home" data-icon="back" data-align="left" ></a>

<span data-role="view-title">iOS Platform</span>

<a data-role="button" data-rel="drawer" href="#right-drawer" data-icon="share" data-align="right" ></a>

</div>

</header>

<div id="scheduler"></div>

</div>

That's how I call the scheduler and the problem is demonstrated on this page http://chris1904.webege.com/
If you go to scheduler, you realize that if you go back the UI looks different. How can I prevent it from doing that?

Thanks for your help and this amazing framework,
Chris

Edit:
Sorry, I clearly posted this in the wrong section, but I cannot change it anymore. Please move it to the correct board

ActionSheet