How to add style "content-visibility : auto" on component via code

[irigsoft]

Hello,

I try to add style "content-visibility : auto" for all my component created on runtime.

I use this code, but I am not sure if is work.

Is this code OK , or there is better code ?

        UniSession.AddJS('Ext.util.CSS.createStyleSheet("#' + TUniControl (MyControl).JSId + ' {content-visibility: auto; !important;}")');

 or this 

        with TUniControl (MyControl), JSInterface do begin
              JSCallGlobal('Ext.util.CSS.createStyleSheet'
                        , ['#' + JSId + ' { content-visibility: auto; !important;}'
                        , JSName + '_css1']);

       end;

 

I try to speed up rendering of components in my form based on this: https://web.dev/content-visibility/

[Sherzod]

Hello, 

Better to use cls, userCls, componentCls... configs I think. 

[irigsoft]

15 minutes ago, Sherzod said:

Hello, 

Better to use cls, userCls, componentCls... configs I think. 

Thanks, but can you give me an example (some code) ? 

[irigsoft]

38 minutes ago, Sherzod said:

Hello, 

Better to use cls, userCls, componentCls... configs I think. 

I will use this: 

 

[irigsoft]

@Sherzod, I make it to work :

1. when create component (in Form.OnCreate event) i set :  

TUniControl (MyComponent).JSInterface.JSConfig('userCls', ['customCSSBtn']);

2. in customcss

.customCSSBtn.x-btn .x-btn-inner { 
    color: gray !important;
}
.customCSSBtn:hover {
  background-color: #ff8c00;
}

.customCSSBtn.x-pressing {
  background-color: #ee7600
}

my code is based to :