Author Topic: Increase the size of the "Loading" box  (Read 1115 times)

pbassey

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 54
    • View Profile
Increase the size of the "Loading" box
« on: February 12, 2025, 07:33:46 pm »
I am using the grid.showLoading control to display a message to the user while a post process is running.  Is there any way to increase the size of the box?  The text does not seem to be limited, but the size of the box displaying that text does...

   function callApiMethod() {
        grid.option("strLoading", "This may take up to 30 seconds. Please Stand by...");
        grid.showLoading();
      $.post("/IND/Account/LoadINDData", { "theYear": theYear }, function (data) {
         var f = JSON.parse(data)
         grid.hideLoading();
         grid.refreshDataAndView();
      });
   }

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6373
    • View Profile
Re: Increase the size of the "Loading" box
« Reply #1 on: February 12, 2025, 10:16:35 pm »
Please use this css:

Code: [Select]
div.pq-loading-mask{
  height:auto; width: auto;
  margin:0;
  transform: translate(-50%,-50%);
}

It's been added to the upcoming version.

pbassey

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 54
    • View Profile
Re: Increase the size of the "Loading" box
« Reply #2 on: February 12, 2025, 11:14:19 pm »
Perfect, thank you!