malsup / blockui

jQuery BlockUI Plugin
http://jquery.malsup.com/block/
1.69k stars 506 forks source link

CSS preservation #50

Closed Rafailong closed 8 years ago

Rafailong commented 11 years ago

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 commented 11 years ago

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 commented 11 years ago

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 commented 11 years ago

Nope.