CSS preservation

[Rafailong]

Hi there, I'm using this plugin and it works really nice but now I'm having problem with a legacy page when I'm reusing some templates with style from css and the content that is shown in into the modal dialog just does not preserve their styles.

Is there something to do so the content into the modal keeps the styles?

[malsup]

Are you trying to prevent blockUI's default styles from taking effect or are you trying to prevent the legacy styles from bleeding into the block message?

If you don't want any default styles applied by the plugin you can do this:

$.blockUI.defaults.css = {};

You can then apply styles in a stylesheet by using a style rule selector of ".blockMsg":

.blockMsg { /* your styles here */ }

Example: http://jquery.malsup.com/block/stylesheet.html

[Rafailong]

I did not explain my point, I mean I want the default styles for the modal but what what happening in my page is that I have some templates that are used in the message of the modal and also in the page content.

The templates that are in the page are well styled from css files, but those template in the message of the modal do not preserve the styles even if they have the attr class correct. I just inspect the HTML and the html has the correct classes but what I noted is that in the page is with media="screen" and in the content of the modal doe not has that media="screen" rule.

Any idea?

[malsup]

Nope.