如何从visual webpart引用css文件

时间:2014-08-27 13:17:32

标签: css sharepoint sharepoint-2010 web-parts

我正在使用Visual Studio 2012和SharePoint 2010。 我添加了映射到下面路径的SharePoint映射文件夹
{SharePointRoot} \模板\ LAYOUTS \ 1033 \ STYLES
在这里我添加了一个名为project和css文件的新文件夹 我试图使用下面的

来引用这个css文件
<SharePoint:CssLink ID="cssLink1" runat="server" DefaultUrl="~/Template/LAYOUTS/1033/STYLES/VisualWebPartProject/Stylesheet1.css" />

<SharePoint:CssRegistration runat="server" name~/Template/LAYOUTS/1033/STYLES/VisualWebPartProject/Stylesheet1.css" />

<link rel="stylesheet" type="text/css" href="~/Template/LAYOUTS/1033/STYLES/VisualWebPartProject/Stylesheet1.css"/>

Webpart显示CSSLink和CSSRegistration的错误如下 错误渲染控制 - CssRegistration1在获取预览时发生错误

在所有三种情况下,css都没有应用到webpart,但是当我在ascx页面上添加css代码时,它就会被应用到webpart。

你能不能告诉我需要做什么。

1 个答案:

答案 0 :(得分:0)

您为服务器上的layouts文件夹中的css提供的路径不正确。您应该使用前缀为/_layouts的路径而不是~/Template/LAYOUTS/_layouts是IIS SharePoint网站中的虚拟目录,映射到服务器上的Template/LAYOUTS文件夹。

试试这个:

<SharePoint:CssRegistration name="/_layouts/1033/STYLES/VisualWebPartProject/Stylesheet1.css" ID="CustomCss" runat="server"/>