transition cssattribute removed by KCMSv7 Why?

benyamin jain asked on October 10, 2015 18:12

Hi i have style with transition attribute that works properly in my htm code of website.

But after converting this HTMLs to KenticoCMS , i am wondering why transition attribute automatically removed from my style while when i look at my style sheet it is exist.

ul.mainnav li.level0 > div
    {
        transition: all 0.3s ease 0s; <<==******
        background: #fff none repeat scroll 0 0;
        border-top: 3px solid #333;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        display: block;
        right: 0;
        opacity: 0;
        position: absolute;
        top: 120%;            
        visibility: hidden;
    }

is it possible due to output filter? or not?

how i can solve this problem.

css stylesheet

Recent Answers

David te Kloese answered on October 11, 2015 02:27

Hi,

Where did you place this CSS? Did you create a new 'Kentico CSS' (https://devnet.kentico.com/docs/7_0/devguide/index.html?css_overview.htm). Did you made sure it's included in your pages by selected the CSS in your site definition (see link)?

Or did you place it directly on a template?

When you say "when i look at my style sheet it is exist", it is served on your output cms page?

Greets,

David

0 votesVote for this answer Mark as a Correct answer

benyamin jain answered on October 11, 2015 09:52

Hi and thank you for reply

i am always create styles from kentico stylesheet section in development. the style included correctly and every thing works fine except that transition attribute removed by system and not applied to tag (by using firebug i see transition css attr removed and does not exist) While it is exist in style sheet defined for the site.

I place it directly by using <link href="/CMSPages/GetResource.ashx?stylesheetname=SiteStyle" rel="stylesheet" media="all" />

When you say "when i look at my style sheet it is exist", it is served on your output cms page?

the mention style is define inside SiteStyle , but after the page rendered , style transition attr not applied to the htm tag.by inspecting styles using firebug i found that this attribute removed however by cms or by browser or... .

0 votesVote for this answer Mark as a Correct answer

David te Kloese answered on October 11, 2015 18:44

Hi,

Since the link is "GetResource" I assume the setting for "css minification" is turned on. Could you check if this makes any difference?

Could you also try selecting your stylesheet in the sites seciont for your current Site instead of placing the link yourself. (CMSSitemanager > Sites > edit your site > Site CSS stylesheet)

Let me know if any of this helps.

Greets,

David

0 votesVote for this answer Mark as a Correct answer

benyamin jain answered on October 12, 2015 09:22

Thank you David

i do the way you mentioned but nothing happened and this attribute removed automatically.

also i convert the doctype and htm tag to HTM5 but again nothing changed.

really i am wondering what happened here? :)

i try to find why this happen and test most of the ways that i knew except the Output filter.

With best regards

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on October 12, 2015 15:54

Make sure you're logged out of the CMS, refresh your page and clear your cache. Then view the source of your page and download the actual css of the downloaded file. Does it give you some error that the minifiacation failed at the end of the file? If so then you'll need to modify your css to be valid for the minification engine to process or leave them and style around it.

0 votesVote for this answer Mark as a Correct answer

benyamin jain answered on October 12, 2015 19:42

hi Brenden Kehren

i chech what you sad.style sheet is correct and there is no minification error

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on October 13, 2015 02:42

Ok, have you made any output filter changes? By default there are no output filters set, you have to manually set them at a system level or a smaller level like a webpart or a zone.

0 votesVote for this answer Mark as a Correct answer

benyamin jain answered on October 13, 2015 10:26

i don't change any output filter settings and don't use any output filter setting in any web parts.

also i check all used scripts to see if any of them cause this problem but none of them cause this problem any more.

it is really Strange.

the only way i think , is that i delete my installation and reinstall again to see what happened.

0 votesVote for this answer Mark as a Correct answer

David te Kloese answered on October 13, 2015 11:39

Hi,

I've copied your css from your first post and when i use it on a blanco site in my local instance everything seems to work. Both Firebug and direct call of the file shows the correct CSS.

Can you create a new temporarily empty site in the same Kentico instance appoint your css and see if this at least returns the correct CSS?

If you have any other installations could you try if the css works there?

Greets,

David

0 votesVote for this answer Mark as a Correct answer

benyamin jain answered on October 13, 2015 17:24 (last edited on October 13, 2015 17:25)

By including css file directly into page every thing works fine. (/AppThemes/site/style.css) i don't know what happen when i use GeCSS.aspx or GetResource.aspx because no error shown by these methods.

however including it directly solve the problem.

Thank you all

0 votesVote for this answer Mark as a Correct answer