[Solved] StylesheetRegister Conditional Comments

[Karl]

Hi,

Is it possible to wrap conditional comments around certain stylesheets?

e.g.

<!--[if IE 6]>  <link rel="stylesheet" type="text/css" href="/Content/css/main-ie6.css" /><![endif]-->

[Atanas Korchev]

Hello Karl,

Unfortunately we don't support conditional comments for the time being. However this sounds like a very nice feature and I have logged it in our TODO list.

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Karl]

Thanks Atanas,

In case anyone else needs this functionality, here's how we implemented this using the following syntax:

Html.Telerik().StyleSheetRegistrar()
                     .DefaultGroup(group => group.Add("Site-ie6.css")
                                                 .Add("Page-ie6.css")
                                                 .Combined(true)
                                                 .ConditionalComment("if IE 6")
                                  )

We extended IWebAssetItemMerger with a new method MergeWithConditionalComments which returns a dictionary<string,string> containing the stylesheet and conditional commment.

Finally, updated StyleSheetRegistrar with:

            if (!mergedList.IsEmpty())
            {
                foreach (KeyValuePair<string,string> keyValue in mergedList)
                {
                    if (!String.IsNullOrEmpty(keyValue.Value))
                    {
                        writer.WriteLine("<!--[" + keyValue.Value + "]>");
                    }
                    writer.WriteLine("<link type=\"text/css\" href=\"{0}\" rel=\"stylesheet\"/>".FormatWith(keyValue.Key));
                    if (!String.IsNullOrEmpty(keyValue.Value))
                    {
                        writer.WriteLine("<![endif]-->");
                    }

                }
            }