Embed into the Web Application

Here you can find a guide through the process of embedding Pivot Table and Charts Component into your HTML using FlexMonster.js library. To get your embedded Pivot Table component you should accomplish the following steps:

1. Extract the files from the downloaded package into your application folder.
2. Copy the code below and paste it into your HTML page:

   <div id="pivotContainer">The component will appear within DIV.</div>
   <script type="text/javascript" src="flexmonster/flexmonster.js"></script>
   <script type="text/javascript">
       flexmonster.embedPivotComponent("flexmonster/", "pivotContainer","100%", "500", {configUrl : "config.xml"});
   </script>

   Method embedPivotComponent(path, containderId, width, height, parameters) has the following arguments:
   path - specifies the URL of the component's folder.
   containderId - specifies id of the HTML element you would like to replace by component's content .
   width - specifies the width of the component
   height - specifies the height of the component
   parameters - specifies additional parameters with name:value pairs
   

If you have any troubleshooting with this process, open index.html from your package to see the example of Pivot Table and Charts embedding with sample data. Also see Troubleshooting.