The popup configuration options (tablet only).

Example

<div data-role="view">
  <a data-role="button" data-rel="actionsheet" href="#actionsheet">Open</a>
  <ul id="actionsheet" data-role="actionsheet" data-popup='{ "height": "auto", "width": 200, "direction": "left" }'>
    <li><a>Foo</a></li>
    <li><a>Bar</a></li>
  </ul>
</div>

<script>
var app = new kendo.mobile.Application();
</script>

popup.direction Number | String(default: "down")

The direction to which the popup will expand, relative to the target that opened it.

Example

<div data-role="view">
  <a data-role="button" data-rel="actionsheet" href="#actionsheet">Open</a>
  <ul id="actionsheet" data-role="actionsheet" data-popup='{ "direction": "left" }'>
    <li><a>Foo</a></li>
    <li><a>Bar</a></li>
  </ul>
</div>

<script>
var app = new kendo.mobile.Application();
</script>

popup.height Number | String(default: "auto")

The height of the popup in pixels.

Example

<div data-role="view">
  <a data-role="button" data-rel="actionsheet" href="#actionsheet">Open</a>
  <ul id="actionsheet" data-role="actionsheet" data-popup='{ "height": 400 }'>
    <li><a>Foo</a></li>
    <li><a>Bar</a></li>
  </ul>
</div>

<script>
var app = new kendo.mobile.Application();
</script>

popup.width Number | String(default: 240)

The width of the popup in pixels.

Example

<div data-role="view">
  <a data-role="button" data-rel="actionsheet" href="#actionsheet">Open</a>
  <ul id="actionsheet" data-role="actionsheet" data-popup='{ "width": 400 }'>
    <li><a>Foo</a></li>
    <li><a>Bar</a></li>
  </ul>
</div>

<script>
var app = new kendo.mobile.Application();
</script>
In this article