Question

How to set a grid row to bold based on a condition.

16:59 Nov 10, 2020

Hi Team,

I need to style the section list based on a condition. The grid row should be bold instead of applying color

I can use the prepareResponseCollection: function(collection) method and set color but font-weight could not be set.

how to achieve this?

Please find the attachments.

Thanks in advance!

Sample Grid Row,

Methods,

Required Row,

Regards,

Bhoobalan P.

2 comments

Best reply

Bogdan Spasibov

15:56 Nov 11, 2020

Hello Bhoobalan,

Please try the following:

prepareResponseCollectionItem: function(item) {
          this.callParent(arguments);
          if (item.get("UsrIsApplicationInProcess")) {
            item.customStyle = Ext.apply({}, {
              "background-color": "#ccc",
              "font-weight": "bold"
            }, item.customStyle);
          }
        }

Best regards,

Bogdan S.

Bogdan Spasibov

15:56 Nov 11, 2020

Hello Bhoobalan,

Please try the following:

prepareResponseCollectionItem: function(item) {
          this.callParent(arguments);
          if (item.get("UsrIsApplicationInProcess")) {
            item.customStyle = Ext.apply({}, {
              "background-color": "#ccc",
              "font-weight": "bold"
            }, item.customStyle);
          }
        }

Best regards,

Bogdan S.

Bhoobalan Palanivelu

16:01 Nov 11, 2020

Bogdan Spasibov,

Thanks much!

It works.

Show all comments