JavaScript/jQuery ActionSheet - Specify Display Mode

By default, the ActionSheet comes up from the bottom of the page. If you set the usePopover property to true, the action sheet will pop over a certain element on the page. Use the target property to specify this element.

JavaScript
  • $(function() {
  • $("#actionSheetContainer").dxActionSheet({
  • dataSource: actionSheetData,
  • usePopover: true,
  • target: "#actionSheetTarget"
  • });
  • });

View Demo

See Also