Customizar estilo css do pivot para impressão?

Resolved
Cleyton Barroso asked on November 17, 2022

Olá, gostaria de saber como faço para customizar o estilo css da pivot ao imprimir? Os pontos a customizar estão em vermelho no print anexado.

Attachments:
01.png
02.png

5 answers

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster November 21, 2022

Hello, Cleyton!

Thank you for contacting us.

Kindly note that we have answered the question of how to enable the CSS styling while printing in the following thread: https://www.flexmonster.com/question/customize-pivot-print-header/.

Could you please let us know if we understand you correctly? If not, please provide us with more details about the CSS stylings you want to have while printing.

Regards,
Solomiia

Public
Cleyton Barroso November 21, 2022

Olá, então nesse topico foi respondido outra pergunta, nessa eu gostaria de saber como estilizar o conteúdo do pivot na impressão.
Anexo 1: Pivot que gostaria de estilizar (1.png)
Anexo 2: Impressão do Pivot (2.png)
*marcado com um borda vermelha o conteúdo a ser estilizado
Anexo 3: O resultado que eu gostaria para a impressão pivot. (3.pdf).

Possiveis soluções que tentei foi :

  • adicionar estilos no @media print
  • adicionar um arquivos css na header do pivot.

 
Fico no aguardo.

Attachments:
1.png
2.png
3.pdf

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster November 25, 2022

Hello, Cleyton!

Thank you for the provided attachments.

Our team wants to clarify some additional information about the desired export result.
Do you want all existing fields and measures to be exported instead of the ones visible on the grid?
If not, could you please specify in more detail the desired export output?

This information would help us greatly.

Regards,
Solomiia

Public
Cleyton Barroso November 25, 2022

The data will be the same, the only thing I need to do is change the visual style of the pivot print (css).
I need to change the style of the:
*attachments: currentStyle.png
(marked in red where I want to change it)
for style:
*attachments : targetStyle.png
(marked in red the way I want it to be)

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster November 30, 2022

Hello, Cleyton!
 
Thank you for the attachments.
 
If we understand the screenshots correctly, the desired printing behavior is to have no vertical borders and have dashed horizontal borders for measures.
 
For this case, we kindly suggest adding the new CSS rules to the existing Flexmonster classes fm-cell and fm-header to style the grid before printing.
We have prepared a JSFiddle example for visualization: https://jsfiddle.net/flexmonster/tgfzy0os/.
 
Let us know if the suggested approach works for your case.
 
Regards,
Solomiia

Please login or Register to Submit Answer