为了迎合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控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/296.html