blockui

BlockUI forces all elements to center

我的未来我决定 提交于 2019-12-12 01:05:16
问题 How can I re-force my elements back to left align as jquery blockui plugin is forcing them to center, I tried this so far, $.blockUI({ message: $('#popup'), css: { text-align: 'left' } }); http://www.malsup.com/jquery/block/#demos 回答1: You should use camelCase synthax maybe it's just enough: $.blockUI({ message: $('#popup'), css: { textAlign: 'left' } }); Or using quotes: $.blockUI({ message: $('#popup'), css: { "text-align": 'left' } }); Maybe you would have to force it using !important css:

using tinymce with blockui

六眼飞鱼酱① 提交于 2019-12-11 05:39:38
问题 What I want to do is grey out the my webpage background with blockUI, then open an tinymce on top. I can get this to work initially, but I open another tinymce dialog like to insert a link or edit the html source, the dialog opens but it's blocked. I'm wondering if there is a way to unblock this in blockUI. I've tried a few things but haven't been successful. Here is my current code: var editDiv="<div id='tMce'><p>"; editDiv+="<textarea style='width:90%;height:400px;' id='ed_"+theID+"'>"

<p:blockUI> does not respond on <h:commandButton><f:ajax>

感情迁移 提交于 2019-12-11 04:12:36
问题 I got a <h:commandButton like: <h:commandButton id="login" actionListener="#{bean.login}" value="Login" styleClass="btn btn-primary btn-sm"> <f:ajax execute="@form" render="@form"/> </h:commandButton> and a <p:blockUI id="block" block=":form" trigger="login" /> It is not working. The block is never shown up. It does work with a <p:commandButton> . How can I achieve it with a <h:commandbutton> . If that is not possible: Is there any workaround? 回答1: The <p:blockUI> listens on PrimeFaces/jQuery

PrimeFaces block UI does not work when the component to be blocked is updated via AJAX

邮差的信 提交于 2019-12-10 21:01:05
问题 I have displayed some components in <p:panel> as follows. <p:growl id="growl" /> <p:panel id="panel" header="New User" style="margin-bottom:10px;"> <p:messages id="messages" /> <h:panelGrid columns="3"> <h:outputLabel for="firstName" value="FirstName: *" /> <p:inputText id="firstName" required="true" label="FirstName"> <f:validateLength minimum="2" /> </p:inputText> <p:message for="firstName" /> <h:outputLabel for="surname" value="Surname: *" /> <p:inputText id="surname" required="true" label

Jquery BlockUI element blocking

你。 提交于 2019-12-10 11:12:42
问题 I am trying to block certain part of the page.I am following the http://jquery.malsup.com/block/#element tutorial, but i am not able to map the element . My js: $('div.repoDisplay').blockUI({ message: '' ,overlayCSS: { backgroundColor: '#fff' }}); My html : <div class="container-sc" style="display: table;"> <div id='repoDisplay' > <div style="display: table-cell;width:150px"> \\\\\\\\\\\ </div> </div> <div style="display: table-cell;padding:10px;width:85%""> {{outlet}} </div> </div> But it is

Are there progress update events in jQuery ajax?

拜拜、爱过 提交于 2019-12-08 23:30:49
问题 i have long running task that gets called using jquery ajax. i am using the block ui plugin to show "loading". is there anyway i can send progress messages back to the client to show progress and have that updated on the block ui plugin message. So it will show this (as the server does its work) . . "Loading first source . . . " "Loading second source . . . " "Loading third source . . . " "Parsing Results . . . " 回答1: From what I've seen for the case of uploading stuff - people create a

Unblock (jQuery BlockUI) after file sent to browser through response stream

↘锁芯ラ 提交于 2019-12-08 02:04:42
问题 I have an <asp:button /> that generates a PDF report. I want to use jQuery BlockUI to display a message that says: Generating Report.. Using: Response.BinaryWrite I am then sending the file to the user so it appears as a file download in the browser. I cannot get $.unblockUI(); to fire. As soon as the file download begins or has completed or is cancelled I want it to dissappear. Currently it never does.. It's as though the page hasn't been re-loaded, I've hit the server but it comes back with

Intercept ajax requests with jquery to display BlockUI

时光总嘲笑我的痴心妄想 提交于 2019-12-07 19:34:17
问题 i'm trying to intercept ajax requests with jquery, to display a waiting message like with using plugin BlockUI, but how can i intercept requests sended by the UpdatePanel provided from asp.net framework, is some way to take the trigger? Thanks 回答1: You can use the beginRequest and endRequest client side events of the PageRequestManager to display a "please wait" UI. Sys.WebForms.PageRequestManager.instance.add_beginRequest(beginRequestHandler) Sys.WebForms.PageRequestManager.instance.add

Begin and end request in UpdatePanel using jQuery

随声附和 提交于 2019-12-07 11:11:17
问题 How get Method BeginRequest & EndRequest In UpdatePanel ?(in jquery) function onBeginRequest() { //$.blockui; } function onEndRequest() { //$.unblockui; } 回答1: with(Sys.WebForms.PageRequestManager.getInstance() ) { add_beginRequest(onBeginRequest); add_endRequest(onEndRequest); } function onBeginRequest(sender, args) { $.blockUI(); } function onEndRequest(sender, args) { 回答2: you can capture these events By Sys.WebForms.PageRequestManager.getInstance() this. 回答3: Use this code to have no

jquery plugin 'blockUI' doesn't gray out screen in firefox

北城余情 提交于 2019-12-06 15:57:21
I'm attempting to use blockUI to block the interface of my web app while performing an ajax operation, but the screen was refusing to gray out for me in firefox (although the message box does show up). I finally figured out that everything was working except the calls to jquery's fadeIn or show. blockUI starts with elements that have explicitly declared styles of "display: none;" and calls jquery's "fadeIn()" or "show()" functions do display them. Is there anything I'm missing in either jquery or blockUI that would explain this behavior? Edit: I just discovered that the code works find in