Askupa supports this item


This author's response time can be up to 1 business day.

13 comments found.

Good job, great design! :)

Thank you!

Wow…nice UI !!! Can i use with AngularJS? Will be nice if you do an AngularJS compatible version.

Thanks! Not familiar with AngularJS. Is there any reason why it shouldn’t work with it?

Open automaticly when entering a page – BUT I have so many pictures on that page. Will the modal appear before loading the pictures?

You can delay the dialog-box to open only after the image (or images) has been loaded.

Then I call ‘DialogBox.prompt’ success – return a text. Can I return ‘false’ or NULL for disable popup after ‘promt’ ?

Thank you for your purchase!

You can’t send NULL to disable the popup, but you can create a custom dialog box that does that:{
    icon:    'fa fa-i-cursor',
    // Focus on the first input
    onOpen: function(){ 
        // Make inputs persistant
        if( typeof this.values !== 'undefined' )
            $.each(this.values,function( key, val ){
    buttons: [{
        text:   'Ok',
        click:  function() {
            var values = {},
                error = false,
                config = this;
            for( var i = 0; i < config.inputs.length; i++ )
                var input = config.inputs[i],
                    value = $('#dialogbox-input-'+i).val();
                if( true === input.required && '' === value )
                    error = true;
                values[] = value;
                // Do something when some inputs are missing
                // Do something when all inputs were filled
Replace the comment ‘Do something when all inputs were filled’ with whatever functionality you would like to have after a successful submit.

DialogBox.prompt({ title: ‘My title’, htmlBefore: ‘Text before’, htmlAfter: ’’, inputs: [ { type:’text’, placeholder: ’’, name: ‘val’ } ], success: function(values){ console.log(values.val); return false; } });

There can man many reasons for that, like perhaps a CSS rule overriding the dialogbox CSS. Can you post a link with the code? If not, does the console have any errors?

How can I use it without clicking a button? Can you write a sample ?

But if I use it like this:

<button id="error" class="red">Error</button>
   <script type="text/javascript">
           title: 'Error Dialog Box', 
           html: '

Oh, Snap !

This is the error dialog box template. Use it to let your user know that he is doing something wrong.'}); });

it is working. I don’t want to click a button to trigger it. When I load the page it should immediately appear… How ??

That’s because DialogBox.js hasn’t been loaded yet. Make sure you wrap your function in a ready function:

        title: 'Some Title', 
        html:  'Some text...'

That way you ensure that DialogBox.js and all other scripts have been loaded by the time that this function is called.

Thank you. It is working with your solution now…

I have purchased this dialogbox UI and used as following


<button id=”confirm” class=”with-icon”> Confirm</button>

JS $(’#confirm’).click(function () { DialogBox.confirm({ title: ‘Confirm’, html: ‘

Which is it?

This is the confirm template. Use it to ask the user to make a choice.

’ + ‘

Try to click outside the box to see the shake aniamation.

’, yes: function () { DialogBox.success({ title: ‘Yes/No Feedback’, html: ‘You clicked yes’, showTopBar: false, buttons: [], delayedClose: 1000 }); }, no: function () { DialogBox.error({ title: ‘Yes/No Feedback’, html: ‘You clicked no’, showTopBar: false, buttons: [], delayedClose: 1000 }); } }); });

I used in angularJS… It is throwing an error Uncaught type error : this.element.on(...).draggable is not a function

Make sure you include jQuery UI, in addition to jQuery

ec4229d0-61f9-4bb8-954e-30af50b1f5af – 25 Mar 2016

Hello, i have purchase this and its a good work! thank you. i have just a little problem: how cann this wait prossecing when a dialog-box wait for yes or no ? like a normal alert() call. i popup a yes/no box but the its dont prompt at the box-popup !!? the rest of the page is executed !! before deleting.. its mybe dangerous.. do i something wrong, or have i a param/switch .. not realy used !!

Thank you for your answer.

Hi, Thanks for the kind words! Can you explain what you mean? I’m not sure I understand what you mean

How can I disable clicking the area which is out of dialog box canvas to disappear the dialog box ? There is this feature for dialog.promt function with (require) but others doesn’t or I don’t know.

You can use the option closeOnBgClick to enable/disable background clicking. For example:
    closeOnBgClick: false
Read more about it in the documentation:

Thank you for info :)

You’re welcome!

How can I remove blur affect from background ? I wasn’t able to find it in documentation. There is only color option.

Hi, There is no option to disable the background blurring effect, but you can achieve it by adding the following CSS:
.dialogbox-background-blur-in {
    -webkit-filter: none !important;
    filter: none !important;
    -moz-animation-name: none !important;
    -webkit-animation-name: none !important;
    animation-name: none !important;
However I added this feature to the plugin’s road map.

grcayer Purchased

I need help with creating a info dialog box that appears when the homepage (and only the homepage) is loaded. It contain info on a charity event the client is participating in… The demos seemed to be triggered by a button. How do i create a dialog that appears on page load?

Hey there, this is more of a general question that’s not related specifically to DialogBox, but you can achieve that using $(document).ready();. For example:
You can call dialogbox within any JavaScript event.

nice job mate . good luck ^^


Please excuse my ignorance but I have purchased and even after reading your documentation I’m still confused.

I am using a php file and have the css and js files referenced. First of all I check to see whether there are any files in a certain directory i.e.

$open = ”../asset/files”;

if ($files = glob($open . "/*")) {
    echo "You got files";
} else {
    echo "You haven't got files";

I want to show the error dialogue box if no files found and the success if files exist in the folder. How do I do this?

Regards Alan Edwards

DialogBox.js is a JavaScript library, not a PHP library. You would have to call to open the dialog box in the front-end of your site.

Hi, I have purchased the DialogBox software and would like to know how to create my own icons I can use in the boxes.

Regards Alan Edwards

You can use the “icon” option to specify a custom class name for the icon, and then use CSS to style that class.