Hi the Sencha community,

I'm pretty new with Extjs, and I hope this question is relevant.

I already manage with the responsiveConfig in a custom FieldContainer the field's vertical alignment, with a box layout set to true or false depending on the screen size.

PHP Code:

  plugins
'responsive',
  
responsiveConfig: {
    
'width < 642': {
      
layout: {
        
type'box',
        
labelAlign'top'/*Here is my current issue*/
        
verticaltrue
      
}
    },
    
'width >= 642': {
      
layout: {
        
type'box',
        
labelAlign'left',
        
verticalfalse

      
}
    }
 } 
But now when the size screen is small I want to also set the field label align to top instead of left.
If I correctly understand how the responsivConfig works, for each property in the responsiveConfig during the resize it checks if there is a setter for this property. And if I'm not wrong, there is no setter for the labelAlign.

So, how can I do?
If I'm trying to add a labelAlignSetter myself in my custom FieldContainer it seems to never be called.
It's just a try, but will probably something like that (not tested), I will probably take some inspiration of this thread.
PHP Code:
setLabelAlign: function(align) {
  var 
me  this;
  
  
Ext.apply(me,{labelAlignalign});

Thank you in advance for your help.