According to http://malsup.com/jquery/block/ , the plugin is designed to have functionality like:
$.blockUI({ message: '<h1> Just a moment...</h1>' });
That code does not display the message. Is there a way to do this with abp.ui.block(); or $.blockUI() in an apb project?
Thanks
4 Answer(s)
-
0
Hi @carelearning
When you use
$.blockUI, Abp or AspNet Zero don't interfere to the process. So, this might be related to something else.- Do you have any javascriot error on the browser console ?
- Does it block the UI ?
- What is your blockUI in package.json ?
-
0
THank you for your response. I could create a sample project, but the same behavior exists here: http://qasample.aspnetboilerplate.com/Account/Login?ReturnUrl=/ If you go there, press F12 to bring up a console and run this code:
$.blockUI({ message: '<h1> Just a moment...</h1>' });The result is a blocked GUI, but no message. To be more accurate, the <div> with the message is there, but due to CSS it is not visible.
If you go to http://malsup.com/jquery/block/ and run the same code, then you will get a blocked GUI with a message because the resulting CSS is slightly different.
I can find a way to code around this, but I thought I might be using it incorrectly. Maybe there is a way to accomplish this using abp (https://aspnetboilerplate.com/Pages/Documents/Javascript-API/UI-Block-Busy
Answers to your quesitons:
- No error
- Yes, it does block
- I do not see it listed in packages.config in my web project
Thank you again for your help.
-
1
Hi,
I got it now. I think the javascript file on http://malsup.github.io/jquery.blockUI.js and the one on npm are different.
You can either use http://malsup.github.io/jquery.blockUI.js or you can write a custom style for blockUI element.
I would prefer the second option.
-
0
Thank you.
