如何使模型窗口像onsenUI对话框

Question

我想像这样制作模态窗口http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h

这是我的控制器代码：

 $scope.showModal = function () {
                $scope.modalMessage="Modal Message Custom"
                modal.show();
          };

UI设计：

<ons-modal var="modal">
    <h3>model message </h3>
     <ons-button onclick="modal.hide()">Close</ons-button>
</ons-modal>

这是我的UI现在：

但不想全屏它应该是这样的