DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

如何将Aqua AutoFormat应用到SharePoint页面中的DevExpress web控件上?

来源:本站原创   发布时间:2012-08-14   浏览:2134次

为了迎合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
在线
客服
微信
QQ 电话
023-68661681
返回
顶部