如何将Aqua AutoFormat应用到SharePoint页面中的DevExpress web控件上?
作者:zhuhm 来源:本站原创 浏览:Loading...次 发布时间:2012-08-14 评论:0条
为了迎合SharePoint门户的默认样式方案,专门设计了特定的Aqua AutoFormat。应用SharePoint可帮助您对集成到SharePoint 页面中的DevExpress web控件的外观进行定制。本文演示了如何将Aqua AutoFormat应用到ASPxNavBar控件中(ASPxNavBar控件被集成到了下文所示的页面中):
通常为了简化操作,可首先将AutoFormat应用到Visual Studio样例项目的ASPxNavBar控件中,然后将修改后的控件代码和所需的图像以及CSS文件复制到SharePoint应用程序中。
完成该任务还需执行以下步骤:
1.利用Microsoft Office SharePoint Designer 2007,打开包含ASPxNavBa的SharePoint页面,然后复制ASPxNavBar的标记。
2.创建一个Visual Studio样例项目,将ASPxNavBar控件拖放到窗体中,然后用从SharePoint页面上复制的标记将被拖放到窗体中的控件的标记替换掉。
3.在Visual Studio项目中,打开ASPxNavBar的“自动格式(Auto Format)”对话框窗口(例如使用控件智能标记“自动格式(Auto Format)”项),将应用到Aqua AutoFormat控件中。
完成上述操作后,含特定图像和CSS文件的Aqua文件夹就被创建在web项目的“App_Themes”文件夹中,ASPxNavBar的标记也被修改了,这样就定义了特定的属性。
4.使用Microsoft Office SharePoint Designer 2007,将Aqua文件夹连带其中的内容从Visual Studio web项目的“App_Themes”文件夹复制粘贴到SharePoint站点的“_themes service”文件夹中。您可在SharePoint站点的根文件夹中找到“_themes”文件夹(如果不存在“_themes”文件夹,则需要创建一个“_themes”文件夹)。
5.将修改后的ASPxNavBar控件标记从Visual Studio web页面上复制粘贴回SharePoint页面,从而将ASPxNavBar先前的标记替换掉。
6.在插入的ASPxNavBar标记中查找“App_Themes”文件夹名字,然后将“App_Themes”更改为“_themes”。以下则为SharePoint页面中的最终得到的ASPxNavBar控件标记。
[ASPx]
<dxnb:ASPxNavBar id="QuickLaunchNavBar" runat="server"
DataSourceID="QuickLaunchSiteMap"
CssFilePath="~/_themes/Aqua/{0}/styles.css"
CssPostfix="Aqua" GroupSpacing="1px"
ImageFolder="~/_themes/Aqua/{0}/"
Width="100%" >
<LoadingPanelImage Url="~/_themes/Aqua/Web/nbLoading.gif" />
<ItemStyle ImageSpacing="10px" />
<GroupContentStyle ItemSpacing="1px"></GroupContentStyle>
<CollapseImage Height="17px" Url="~/_themes/Aqua/Web/nbCollapse.png" Width="17px" />
<ExpandImage Height="17px" Url="~/_themes/Aqua/Web/nbExpand.png" Width="17px" />
</dxnb:ASPxNavBar>
7.保存该页面,在浏览器中查看SharePoint门户,查看结果。
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [http://www.devexpresscn.com/]
本文地址:http://www.devexpresscn.com/DevExpress-Resources/Documentation-196.html
评论列表
暂无评论
请谈谈你的看法 请使用IE或者Firefox浏览器,暂不支持Chrome!
慧都控件网为DevExpress界面控件的中国地区唯一正式授权经销商,正版控件销售公司,授权代理商,经销商及合作伙伴。
电话:400-700-1020
023-66090381
邮箱:sales@evget.com
相关资源
- 本地化(汉化).NET Windows Forms控件
- XtraCharts如何在Web页面中添加图表(运行示例)
- XtraCharts在Web应用程序中如何添加图表
- 为XtraCharts添加一个Web图表
- 在RichEdit控件中如何保存文档
- 在SharePoint 2007中如何应用ASPxGridView主题
- XtraGrid的网格视图控件有填写数据集的方法吗?
- 编码的UI测试 Metro触摸控件
- DevExpress荣获Code Project 2012 最佳.NET控件奖
- .NET图表:WinForms图表控件
- GridView如何使用Ajax请求执行批量更新
- 通过ToolTipController如何实现工具提示控件
- XtraReports控件创建主从报表的两种方法
- 创建自定义XtraVerticalGrid控件子节点来实现自定义行缩进
- 修改DevExpress WPF控件的主题
- 迁移DevExpress主题到DevExpress.Web.ASPxThemes.v12.1?
- 将原vs2010的项目直接转换为具有DevExpress控件的项目
- 手动注册HttpHandler Module
- 如何将EXCEL模板导入到自定义的报表控件中
- web控件整合到SharePoint页面