Jquery Dialog box : Displaying 2 dialog box on same page with different jquery-ui-rev.css

Question

I have 2 Jquery Dialog box on the same page. The look and feel of both the dialog box are different from one another. Since both are referring to same jquery-ui-rev.css whatever CSS I apply for one dialog box, its getting applied to other also which I dont want. How can I fix my problem? And tell the dialog box to use a different CSS file for each other.

Sandeep Pathak · Accepted Answer · 2012-08-21 13:02:32Z

1

Take a look at Dialog#dialogClass to specify individual css classes for different dialogues.

answered Aug 21, 2012 at 13:02

Sandeep Pathak

10.8k8 gold badges47 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

muthu · Accepted Answer · 2012-08-21 13:02:29Z

1

You have to create seperate css file for the each dialog. during the dialog open include the css file and remove the css file when you close the dialog. Remove or add css file dynamically

This is may be useful for you

answered Aug 21, 2012 at 13:02

muthu

5,4892 gold badges35 silver badges41 bronze badges

1 Comment

Vikas V Over a year ago

Even the answer from Muthu was very helpful.

Collectives™ on Stack Overflow

Jquery Dialog box : Displaying 2 dialog box on same page with different jquery-ui-rev.css

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related