DevExtreme jQuery/JS - Resize and Relocate

To change the size of the LoadPanel, specify the height and width options.

JavaScript
  • $(function() {
  • $("#loadPanelContainer").dxLoadPanel({
  • closeOnOutsideClick: true,
  • height: 300,
  • width: 500
  • });
  •  
  • $("#buttonContainer").dxButton({
  • text: "Show the Load Panel",
  • onClick: function () {
  • $("#loadPanelContainer").dxLoadPanel("show");
  • }
  • });
  • });

If you need to position the LoadPanel against a specific element on your page, set the position option.

JavaScript
  • $(function() {
  • $("#loadPanelContainer").dxLoadPanel({
  • closeOnOutsideClick: true,
  • position: {
  • my: "left",
  • at: "left",
  • of: "#targetElement"
  • }
  • });
  •  
  • $("#buttonContainer").dxButton({
  • text: "Show the Load Panel",
  • onClick: function () {
  • $("#loadPanelContainer").dxLoadPanel("show");
  • }
  • });
  • });

This configuration of the position option reads as follows: "place my left side at the left side of the "#targetElement".

See Also