grid header in capital case

Answered
Nil asked on December 16, 2021

Hi Team,
 
how to customize the grid header .
It is in always in caps 

3 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster December 17, 2021

Hello, Nil,
 
Thank you for your question.

To display the header in capital case, the following CSS rules have to be applied:

#fm-pivot-view .fm-grid-layout .fm-filters .fm-header {
    text-transform: capitalize;
}

You can see the example on the following JSFiddle: https://jsfiddle.net/flexmonster/t5ubf74y/ 

Please let us know if it works for you. Feel free to contact us if other questions arise.
 
Kind regards,
Nadia

Public
Nil December 22, 2021

 #fm-pivot-view .fm-grid-layout .fm-cell.fm-h-sort,
    #fm-pivot-view .fm-grid-layout .fm-cell.fm-v-sort {
        text-transform: capitalize !important;
    }
this CSS works for me ,above one is not working with latest version kindly check and confirm.
We are using angular 11 and "ng-flexmonster": "^2.9.14" 
 

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster December 23, 2021

Hello, Nil,
 
Thank you for the response.
 
You are right that it requires using the !important rule. Our team is glad to hear that it works for you.
 
You are welcome to write to us in case further questions occur.
 
Kind regards,
Nadia

Please login or Register to Submit Answer