Customize pivot panel checkbox

Customize pivot panel checkbox

Posted by: spathi on 24 February 2020, 12:41 am EST

• 

  spathi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 24 February 2020, 12:41 am EST - Updated 30 September 2022, 6:38 am EST

  

  1522×652 40.4 KB

  
  
  after implementing customize pivot panel if i click on the checkbox , flickering is happening. and also on resize of the window the original custom boxes are appearing instead of the customized one.

• 

  prabhat.sharma

  

  • Post Options:
  • Link
    Copy

  Posted 24 February 2020, 8:25 pm EST

  Hello Spathi,

  To investigate this we need a stripped-down sample of your application replicating the issue with all the clear steps that need to be taken for this.

  Regards,
  
  Prabhat Sharma.

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 27 February 2020, 6:33 pm EST

  http://jsfiddle.net/rykygo6t/ check this demo,
  
  Click one of the checkbox see the behavior.
  
  and also check resize the window how it’s behaviors.
  
  i want custom check boxes like before post instead of pivot panel check boxes.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 March 2020, 6:22 pm EST

  Hi Spathi,

  Sorry for the delayed response.

  Instead of adding the checkboxes in the on window resize, you can use the formatItem event of the FlexGrid. The fields that you wish to customize are made using a FlexGrid. In the formatItem, add your custom checkbox and add an event listener on this checkbox to set the fields as active or not.

  Please refer to the sample attached.

  Similarly, you can also customize the layout for the row fields, column fields, etc.

  Regards,
  
  Ashwin

  pivot panel customize.zip

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 18 March 2020, 6:06 pm EST

  Hi Ashwin,

  can you implement the same in angular 8.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 19 March 2020, 5:34 pm EST

  Hi,

  Please refer to the sample attached that implements the same behavior in Angular 8.

  Also, can you please post all the queries related to Wijmo on the Wijmo’s forum:

  https://www.grapecity.com/forums/wijmo

  ~regards

  pivot panel.zip

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 22 March 2020, 7:18 pm EST

  Hi,

  the given sample not working in angular 8

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 22 March 2020, 7:31 pm EST

  Hi,

  Is there any error shown in the console?

  ~regards

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 1 April 2020, 7:37 pm EST - Updated 30 September 2022, 6:38 am EST

  

  889×569 39.1 KB

  
  
  yes it showing fromatitem is not exist

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 April 2020, 8:04 pm EST

  Hi,

  Can you modify the above sample so that it replicates the issue? Also, please provide us with the Wijmo’s version that you are using as well as the screenshot of the error.

  ~regards