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

ActionSheet clicking outside

5 Answers 67 Views
ActionSheet
This is a migrated thread and some comments may be shown as answers.
Sebahattin
Top achievements
Rank 1
Iron
Sebahattin asked on 09 Dec 2015, 09:42 AM

Hello,

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

 

Thanks

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 10 Dec 2015, 08:55 AM

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!
 
0
Sebahattin
Top achievements
Rank 1
Iron
answered on 10 Dec 2015, 09:07 AM

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

0
Kiril Nikolov
Telerik team
answered on 12 Dec 2015, 06:25 AM

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!
 
0
Sebahattin
Top achievements
Rank 1
Iron
answered on 14 Dec 2015, 08:08 AM
<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
0
Kiril Nikolov
Telerik team
answered on 14 Dec 2015, 08:27 AM

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!
 
Tags
ActionSheet
Asked by
Sebahattin
Top achievements
Rank 1
Iron
Answers by
Kiril Nikolov
Telerik team
Sebahattin
Top achievements
Rank 1
Iron
Share this question
or