首页 > 代码库 > SharePoint开发中如何使用Visual Studio给你的Web Part添加图标
SharePoint开发中如何使用Visual Studio给你的Web Part添加图标
SharePoint开发中如何使用Visual Studio给你的Web Part添加图标
直接进入正题。以Hello World为例。
1. 以管理员身份打开VS,新建空白SharePoint项目。点击确定。部署为场解决方案。
2. 右击项目添加新项--Web部件,命名HelloWorldWebPart。
3. 编辑代码:
<script src="https://code.csdn.net/snippets/412332.js" type="text/javascript"></script>
在部署之前,这里我要给Web部件增加一个图标。每个Web部件都有两个图标:一个在Web部件库标识Web部件,一个在页面上标识Web部件。使用一个图标是简单的戏法,可以增强你的Web部件,通常也几乎不需要代码。 Web部件定义包含两个属性指定图标,一个是CatalogIconImageUrl,指定图标文件的URL位置。必须是16x16像素的图片,PNG/GIF或者JPEG格式。这个图标在Web部件库中标识Web部件,强烈建议在这里使用图标,将帮助你的用户发现这个Web部件,并给以专业的印象。
第二个图标是TitleIconImageUrl,可以用来在Web部件标题栏左侧显示。可以和第一个图标大小相同。其实并不建议你在这里使用图标。通常它会影响Web部件的视觉效果。如果其他Web部件没有图标,这样反而有负面效果。
你可以在.webpart文件中指定图标,或者在Web部件类中覆盖。当然,最简单还是在.webpart文件中修改。
首先你要在项目中增加图标。右击项目,选择添加--SharePoint图片映射文件夹。VS将添加文件夹到项目,创建子文件夹,以你的项目名命名。在这里你要添加图标图片文件。
然后要编辑.webpart文件:
<script src="https://code.csdn.net/snippets/412358.js" type="text/javascript"></script>
4. 点击生成--部署解决方案。5. 添加Web部件到SharePoint页面可以看到:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。