This is a migrated thread and some comments may be shown as answers.

[Solved] Adding Editor to View Prevents JS/CSS from Being Streamed

3 Answers 14 Views

Editor

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Robert asked on 02 Feb 2012, 09:28 PM

Hi all

I am playing about the MVC extensions and have the grid and datepickers working elsewhere, but have had less success with the editor.

If I include the editor on any page, it does not style. It is on the page, but as a list of unformatted, plain links as you can see here. A 'view source' shows that no JS or CSS files have streamed down to the page.

If I remove the editor, with no other changes, the page displays fine and the CSS/JS is streamed down with no problems.

Firstly, I am using ASP.NET MVC 3 and razor view engine. jQuery version is 1.5.1.

Partial View

@model TestViewModel

@Html.ValidationSummary(true)

@Html.EditorForModel("TestViewModel_Create")

EditorForModel renders the following:

@model TestViewModel

@{

Html.Telerik().EditorFor(x => x.LongDescription)

.Name("TestEditor")

.Render();

}

Layout used for the partial view

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/somecss1.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/somecss2.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/jquery-ui-1.8.17.custom.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>

<script src="@Url.Content("/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/custom/somecustom.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

@{

Html.Telerik().StyleSheetRegistrar()

.DefaultGroup(group => group

.Add("telerik.common.css")

.Add("telerik.default.css")

.Add("telerik.metro.css"))

.Render();

}

</head>

<body>

<div id="framecontent">

<div class="innertube">

<div id="navigation">

<p>Menu would go here!</p>

</div>

<div id="maincontent">

<div class="innertube">

@RenderBody()

</div>

@{

Html.Telerik()

.ScriptRegistrar()

.jQuery(false)

.jQueryValidation(false)

.DefaultGroup(group => group

.Add("telerik.common.min.js")

.Add("telerik.grid.min.js")

.Add("telerik.editor.js")

.Add("telerik.calendar.min.js")

.Add("telerik.datepicker.min.js")

.Add("telerik.grid.filtering.js")

.UseTelerikContentDeliveryNetwork(true)).Render();

}

</body>

</html>

Any ideas where I am going wrong?

[Solved] Adding Editor to View Prevents JS/CSS from Being Streamed

3 Answers, 1 is accepted