Category / Section
How to change the position of toolbar button in PivotClient toolbar?
1 min read
This KB illustrates that how to change the position of toolbar button in PivotClient toolbar.
Solution:
You can change the position of the buttons in PivotClient toolbar by changing its order accordingly. Refer to the following code examples with respective to JS, ASP and MVC platforms.
JavaScript
<script type="text/javascript"> $(function () { $("#PivotClient1").ejPivotClient({ url: "../wcf/OlapClientService.svc", title: "OLAP Browser", chartLoad: "OnToolbarCustomize" }); }); function OnToolbarCustomize(args) { $(".addReportImg").insertBefore(".newReportImg"); } <script/>
ASP
<ej:PivotClient ID="PivotClient1" runat="server" Url="../wcf/OlapClientService.svc"> <ClientSideEvents ChartLoad="OnToolbarCustomize" /> </ej:PivotClient> <script type="text/javascript"> function OnToolbarCustomize(args) { $(".addReportImg").insertBefore(".newReportImg"); } <script/>
MVC
@Html.EJ().Pivot().PivotClient("PivotClient1").Url(Url.Content("~/wcf/OlapClientService.svc")).Title("OLAP Browser").ClientSideEvents(oEve => { oEve.ChartLoad("OnToolbarCustomize"); }) <script type="text/javascript"> function OnToolbarCustomize(args) { $(".addReportImg").insertBefore(".newReportImg"); } <script/>