Web Development
Revision as of 11:17, 14 March 2011 by Colin Overton (talk)
XLCubed Web Edition allows application developers to embed XLCubed reports in their own web pages.
This page describes the web API, and the html and javascript required to embed reports.
Embedding
Required Includes
Embedded XLCubed reports reference various javascript libraries which must be included in your page.
Yuo should change the references to "MyServerName" to the name of the XLCubed web site, eg: "WebServer01/XLCubedWeb"
Required Css:
<link rel="stylesheet" type="text/css" href="http://MyServerName/Css/XLCubedWeb.css" /> <link rel="stylesheet" type="text/css" href="http://MyServerName/Css/XLCubed.Workbook.css" /> <link rel="stylesheet" type="text/css" href="http://MyServerName/Css/redmond/jquery-ui-1.8.custom.css" /> <link rel="stylesheet" type="text/css" href="http://MyServerName/Css/redmond/jquery.treeview.css" />
Required Javascript:
<script type="text/javascript" src="http://MyServerName/js/JQuery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery-ui-1.8.custom.min.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.treeview.min.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.treeview.async.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.cookie.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.n-contextmenu.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.scrollTo-1.4.2-min.js"></script> <script type="text/javascript" src="http://MyServerName/js/JQuery/jquery.xlcubedextensions.js"></script> <script type="text/javascript" src="http://MyServerName/js/microsoft/microsoftajax.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Web.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Workbook.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Toolbars.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Repository.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.DialogManager.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Controls.js"></script> <script type="text/javascript" src="http://MyServerName/js/XLCubed.Dialogs.js"></script> <script type="text/javascript" src="http://MyServerName/WebServices/WorkbookService.svc/js"></script>