How can I style a custom JQuery.ui.dialog with the default phpGrid info style?

QuestionsHow can I style a custom JQuery.ui.dialog with the default phpGrid info style?
pcattani asked 3 years ago

I’ve created a jquery ui dialog box to indicate success for my custom operations:

var successDialog = $(“#success_dialog”).dialog({
autoOpen : false,
modal : true,
position: {
my: “top middle”,
at: “top middle”
},
open: function(event, ui){
setTimeout(“$(‘#success_dialog’).dialog(‘close’)”,1400);
}
});

But it doesn’t look anything like the default ‘Info’ dialog box which comes up whenever a standard row operation completes successfully.

How can I access the style of the default dialog box, so that all dialog boxes look the same?

The default dialog boxes disappear too quickly for me to examine.

THanks.

3 Answers
pcattani answered 3 years ago

Can anyone help?  Surely this is not a difficult question…

Abu Ghufran Staff answered 3 years ago

To create a standard grid style dialog, you can call this function:

jQuery.jgrid.info_dialog(…)

You can review the code from lib/inc/jqgrid_dist.php and search “jQuery.jgrid.info_dialog”

Let me know for further help.

_________________________
Abu Ghufran - Dev Team
Grid 4 PHP Framework
 
pcattani answered 3 years ago

Thanks.  For people interested, I used:

 

jQuery.jgrid.info_dialog(“Info”,”<div class=’ui-state-highlight’ style=’padding:5px;’>Refreshing grids…</div>”,jQuery.jgrid.edit.bClose,{buttonalign:”right”});

setTimeout(function(){
$(“#closedialog”).click();
}, 2000);

Your Answer

20 + 4 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?