Edit this page

The popup configuration options.

popup.direction String`(default: "down")

The direction to which the popup will expand, relative to the target that opened it. Supported directions are up, right, down, and left.

Example

<div data-role="view">
  <a data-role="button" href="#foo" data-rel="popover">Open PopOver</a>

  <div id="foo" data-role="popover" data-popup='{ "direction": "right" }'>
    <div data-role="view">
      View 1
    </div>
  </div>
</div>

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

popup.height Number | String(default: 320)

The height of the popup in pixels.

Example

<div data-role="view">
  <a data-role="button" href="#foo" data-rel="popover">Open PopOver</a>

  <div id="foo" data-role="popover" data-popup='{ "height": "500" }'>
    <div data-role="view">
      View 1
    </div>
  </div>
</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" href="#foo" data-rel="popover">Open PopOver</a>

  <div id="foo" data-role="popover" data-popup='{ "width": "500" }'>
    <div data-role="view">
      View 1
    </div>
  </div>
</div>

<script>
var app = new kendo.mobile.Application();
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy