jQuery Modal Dialog : Hide That Stupid X Button / Windows Close Button

12 January 2010 by Sean, 4 Comments

This is quick one, so hold on to your… whatever.

Want to get rid of that X at the top right of the modal “Control”? Well here it is: (The bold part, moron)

     jQuery('#WaitingDiv').dialog({
          autoOpen: false,
          bgiframe: false,
          height: 150,
          width: 200,
          modal: true,
          open: function(event, ui) { jQuery('.ui-dialog-titlebar-close').hide(); }
        });

And that’s really it. Just thought I’d pass that on to you, the consumer.

On a side note, the big movie thing is the canceling of Spiderman 4 or at least going in a new direction. As much as I don’t care, it might lead to my dream come true:

A spiderman movie based on the SNES classic: Spider-Man & Venom: Maximum Carnage. Uwe Boll, are you out there?

Tags: jQuery, Modal Dialog

4 Responses to “jQuery Modal Dialog : Hide That Stupid X Button / Windows Close Button”

Maria Radyuk 24 February 2010 at 1:19 pm #

Thanks a lot! Very useful tip, so now i can also hide jther unnessesary elements

Reply
Narendran Srinivasan 19 July 2010 at 8:23 am #

Your code worked for me and thanks.

Reply
ahmet 21 July 2010 at 1:47 pm #

thank you

Reply
Nirmal 23 August 2010 at 12:32 pm #

Thanks a buddy!…. i wanted to use Close instead of that stupid X.

i could do that by doing following.

open: function(event, ui) { $(‘.ui-icon’).removeClass(‘ui-icon’) }

is there a better way ?

Reply