PivotClient Fullscreen

[Simone]

Hi, I want to display PivotClient into FullScreen Mode by default. Is there a official way to do this or workaround? Thank you.

Simone

[Scintilla Arul Jothi Raj]

Hi Simone, 

Thanks for contacting Syncfusion support. 

Yes, you can display the “Full Screen” mode for PivotClient by default. This requirement can be done by “invoking the full screen icon” in the “renderSuccess” event. We have prepared work around solution with code snippets for both conditions “with cube dimension browser” and “without cube dimension browser” respectively. Please refer the code snippet below. 

With Cube Dimension Browser: 

 

Code Snippet: [cshtml] 

@Html.EJ().Pivot().PivotClient("PivotClient1").Title("OLAP Browser").Url(Url.Content("../api/OlapClient")).ClientSideEvents(cl=>cl.RenderSuccess("renderSuccess")) 

 

 

Code Snippet: [JavaScript] 

function renderSuccess (args) { 

  $(".maximizedView").click(); 

} 

 

 

Without Cube Dimension Browser: 

 

Code Snippet: [cshtml] 

@Html.EJ().Pivot().PivotClient("PivotClient1").Title("OLAP Browser").Url(Url.Content("../api/OlapClient")).ClientSideEvents(cl=>cl.RenderSuccess("renderSuccess")) 

 

 

Code Snippet: [JavaScript] 

function renderSuccess (args) { 

        $(".cubeTableTD").first().css("display", "none"); 

        $(".cdbTD").css("display", "none"); 

        $(".e-csHeader").width("312px"); 

        $(".axisBuilderTD").css("width", "300px"); 

        $(".e-controlPanel").css("width", "677px"); 

        $("#PivotClient1_PivotChart").css("width", "660px"); 

        $("#PivotClient1_PivotChartContainer").css("width", "655px"); 

        $(".maximizedView").click(); 

} 

 

 

Code Snippet: [CSS] 

<style> 

 

.cubeSelect {  

   float: none !important;  

   padding-left: 0px !important;  

}  

.cubeText {  

   margin-bottom: 0px !important;  

   padding-left: 0px !important;  

}  

.cubeTableTD {  

   width:100% !important;  

}  

.e-toggleExpandButton {  

   top: -27px !important;  

}  

</style> 

 

 

Meanwhile, we have prepared a sample for your reference. Please find the samples in the below link. 

http://www.syncfusion.com/downloads/support/forum/137042/ze/Sample-1317278400 

Regards, 

Scintilla A