ActionSheet clicking outside

6 posts, 0 answers
  1. Sebahattin
    Sebahattin avatar
    7 posts
    Member since:
    Apr 2015

    Posted 09 Dec 2015 Link to this post

    Hello,

    how can I turn it off outside-click on Action Sheet
    I want to close ActionSheet only with close button.

     

    Thanks

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 10 Dec 2015 Link to this post

    Hello Sebahattin,

     

    I am afraid that such functionality is not supported currently. You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release.

     

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Sebahattin
    Sebahattin avatar
    7 posts
    Member since:
    Apr 2015

    Posted 10 Dec 2015 in reply to Kiril Nikolov Link to this post

    Hello Kiril,

     I open the ActionSheet with touch-hold-event. But on touch-end Actionsheet will be closed.

    I focus on hold-event to Action Sheet, does not work.

     thanks

  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 12 Dec 2015 Link to this post

    Hello Sebahattin,

     

    I am not sure that I understand the issue that you are facing. As I said the functionality that you are looking for is not currently supported and was not able to understand your last post. Would you please elaborate?

     

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Sebahattin
    Sebahattin avatar
    7 posts
    Member since:
    Apr 2015

    Posted 14 Dec 2015 in reply to Kiril Nikolov Link to this post

    <div data-role="view">
      <a data-role="touch" data-hold="onHold" class="k-button">Open</a>
      <ul id="actionsheet"></ul>
    </div>
     
    <script>
      var app = new kendo.mobile.Application();
      function onHold() {
        $("#actionsheet").kendoMobileActionSheet({
            popup: { height: "auto", width: 200, direction: "left" },
            type: (kendo.support.mobileOS.tablet) ? "Tablet" : "Phone",
            cancel: "Close"
        });
        var templateData = kendo.template($("#actionsheetTemplate").html());
        var actionsheetOutput = templateData(["Foo","Bar"]);
        $("#actionsheet").html(actionsheetOutput);
        $("#actionsheet").data("kendoMobileActionSheet").open();
      
    </script>
    <script type="text/x-kendo-template" id="actionsheetTemplate">
        # for (index in data) { #
        <li><a>#=data[index]#</a></li>
        # } #
    </script>

     

    This does not work. After mouseup the actionSheet closed. 

    I have taken new Kendo UI version. It works now.

    Thanks
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 14 Dec 2015 Link to this post

    Hello Sebahattin,

     

    I am happy to hear that the issue is resolved. 

     

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready