PhoneJS 14.1 Popover

by tabalinas

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<link rel="stylesheet" href="http://cdn3.devexpress.com/jslib/14.1.6/css/dx.ios7.default.css">
<script src="http://cdn3.devexpress.com/jslib/14.1.6/js/dx.phonejs.js"></script>
<link rel="stylesheet" href="http://cdn3.devexpress.com/jslib/14.1.6/css/dx.common.css">
<div data-bind="dxPopover: { target: '.dx-button', visible: visibility  }">
    <div class="content">Tratata Tratata Tratata</div>
</div>
<div data-bind="dxButton: { text: 'Click me', clickAction: click }"></div>

CSS

.content {
    height: 10000px;
    width: 100px;
}

JavaScript

var vm = {
    click: function() {
        vm.visibility(true);
    },
    visibility: ko.observable(false)
};

ko.applyBindings(vm);