How to hide close button from title bar in jquery UI Dialog

Hi Friends,

Today I have a requirement to hide the jquery ui dialog close button from title bar.

we can do this easily by using jquery css but this will hide globally from our project.

I want to hide it in just one page and other page will show the button when user opens the modal dialog.

I have used below code for above functionality.



    
    
    

Here, I have used jquery function on open event for hiding a close button; see the below line
open: function (event, ui) { $(this).closest(‘.ui-dialog’).find(‘.ui-dialog-titlebar-close’).hide(); }, which fulfill my requirement.

This is html part of my page :


Sample demo of jquery modal popup

click here top open dialog box

Sample content of modal popup window comes her

This is sample jquery modal popup window...

Design this as per your requirement


This is online demo for your help, jquery_title

Hope this will help you !!!

How to open and close jquery UI dialog box

Hi Friends,

Today I am going to represent how to use jquery dialog box in html page.

In this article I will describe, How to open and close jQuery UI Dialog box on click of anchor tag.

Add below code in your html header section







I have added online jquery script reference. you can download it from those URL.

Now add below code in html body section


Sample demo of jquery modal popup

click here to open dialog box

Sample content of modal popup window comes her

This is sample jquery modal popup window...

Design this as per your requirement


That’s it.

Click here for online demo of jquerymodal