Verical names in QS pivot table

[deep2021]

Hi,

Can you please suggest how to show names like below in QS pivot table.

Also, Can you please suggest how to changes the font?

Thanks.

[MatheusC]

@deep2021 

You can try to insert it through CSS in the multi KPI.

// Rotate the header label
th.cell.ng-scope.header.top span.ng-binding {
        writing-mode: tb-rl;
        transform: rotate(-150deg);     
}

// change the label style
.qv-pt .cell.header.top {
        font-weight: bold;
         font-family: ‘Roboto’, sans-serif;        
}

// hide the multi KPI chart
.qv-object-qlik-multi-kpi {
display: none;
}

test result

And from the chart customization, there is also font size and color customization, depending on your version it may already be available.

Regarts, Matheus

[deep2021]

But how the below code will work from multi kpi and reflect the changes in QS pivot table?

// Rotate the header label
th.cell.ng-scope.header.top span.ng-binding {
        writing-mode: tb-rl;
        transform: rotate(-150deg);     
}

// change the label style
.qv-pt .cell.header.top {
        font-weight: bold;
         font-family: ‘Roboto’, sans-serif;        
}

// hide the multi KPI chart
.qv-object-qlik-multi-kpi {
display: none;
}


It is not working

[MatheusC]

@deep2021 
1 - Create a multi-KPI chart on custom objects.
2 - Add a representative measure to the KPI, for example, fx=1

3 - Finally, enter the CSS code provided in the “Style” tab of the multi-KPI chart to apply it to the pivot table chart.

Note: If you’re using the new pivot table in custom objects, the tag mentioned in this code won’t work. Let me know if it worked!

Regarts, Matheus

[deep2021]

This is not working for me.

Thanks

[MatheusC]

see my example in qvf

health!