Including Legacy CSS and JavaScript Files


In versions prior to Ingeniux CMS version 10, the CSS and JavaScript files reside in the PreBuilt folder:

\\[SERVER]\igxsites\[CMS_SITE_NAME]\site\App_Data\xml\PreBuilt.

In Ingeniux CMS 10, Assets including CSS and JavaScript files are now first-class citizens. After upgrading to v10, your PreBuilt folder and files within it display as an unmanaged node within the Assets Tree. These unmanaged files are still available as before the migration, but they do not benefit from versioning, selective targeting, workflow, taxonomy and other Asset features in version 10. To convert your unmanaged files to managed assets, see Unmanaged Assets.

If you wish to retain your prior path structures, you can. In this example, there are several CSS files, including imda.css and form.css The layout file, _Layout.cshtml, links to these style sheets in the head section.

<head>
      <link type="text/css" rel="stylesheet" href="@Url.Asset("prebuilt/imda.css", Model)" media="all" />
      <link type="text/css" rel="stylesheet" href="@Url.Asset("prebuilt/form.css", Model)" media="all" />
</head>  

If a site uses JavaScript files, they should be included here, too. This sample has two of them:


<head>
      <script type="text/javascript" src="@URL.Asset("Prebuilt/js/jquery-1.4.4.min.js", Model)"> </script>
      <script type="text/javascript" src="@URL.Asset("Prebuilt/js/jquery.main.js", Model)"> </script>
</head>

If, after migrating HTML into the views, there are styles that don't appear in the display, check to be sure that the URLs in the head section of the layout point to the correct files on the server.