How to change tunidbgrid font of column row number?

[newsanti]

[Sherzod]

15 minutes ago, newsanti said:

Hello,

One possible solution:

CustomCSS ->

.x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

 

[newsanti]

8 minutes ago, Sherzod said:

Hello,

One possible solution:

CustomCSS ->

.x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

 

How to change above css with dbgrid.jsInterface?

[Sherzod]

6 minutes ago, newsanti said:

How to change above css with dbgrid.jsInterface?

What's the point of this?

[newsanti]

1 minute ago, Sherzod said:

What's the point of this?

for example change css with coding runtime through unigui component.

[Sherzod]

I don't understand why you want this at runtime?

[newsanti]

11 hours ago, Sherzod said:

I don't understand why you want this at runtime?

for writing special components.

[Sherzod]

1 hour ago, newsanti said:

for writing special components.

Well,

1. CustomCSS ->

.customGrid .x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

2. OnCreate or when created dynamically ->

UniDBGrid.JSInterface.JSConfig('cls', ['customGrid']);

 

[newsanti]

8 hours ago, Sherzod said:

Well,

1. CustomCSS ->

.customGrid .x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

2. OnCreate or when created dynamically ->

UniDBGrid.JSInterface.JSConfig('cls', ['customGrid']);

 

  oList.Add('.customGridHeader .x-column-header{');
  oList.Add('    line-height: normal;');
  oList.Add('    vertical-align: middle;');
  oList.Add('}');

  oList.Add('.customGridTitle .x-title-text{');
  oList.Add('    line-height: normal;');
  oList.Add('    vertical-align: middle;');
  oList.Add('}');

  oList.Add('.customGridBody .x-grid-td .x-grid-cell-inner {');
  oList.Add('    line-height: normal;');
  oList.Add('    vertical-align: middle;');
  oList.Add('    text-overflow: ellipsis;');
  oList.Add('    overflow: hidden;');
  oList.Add('}');

How to combine .x-grid-cell-row-number css with above css,
or coding js at runtime with dbgrid jsInterface? 

[newsanti]

8 hours ago, Sherzod said:

Well,

1. CustomCSS ->

.customGrid .x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

2. OnCreate or when created dynamically ->

UniDBGrid.JSInterface.JSConfig('cls', ['customGrid']);

 

Can setting cls = 'customGrid1;customGrid2; customGrid3'?

[Sherzod]

20 minutes ago, newsanti said:

Can setting cls = 'customGrid1;customGrid2; customGrid3'?

What is this? Clarify, please.

[newsanti]

3 hours ago, Sherzod said:

What is this? Clarify, please.

setting multiple css with cls of layloutconfig.

[Sherzod]

1 minute ago, newsanti said:

setting multiple css

How do you understand this? I don't quite understand.

[newsanti]

9 minutes ago, Sherzod said:

How do you understand this? I don't quite understand.

.customGrid1 .x-column-header{
   line-height: normal;
  vertical-align: middle;
  }
.customGrid2 .x-title-text{
  line-height: normal;
  vertical-align: middle;
  }

.customGrid3 .x-grid-td .x-grid-cell-inner {
  line-height: normal;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  }

.customGrid4 .x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

Is possible to combine multiple css with LayoutConfig.Cls 
Example: dbGrid.LayoutConfig.cls := 'customGrid1;customGrid2; customGrid3;customGrid4';

[Sherzod]

But what's stopping you from using one class?

.customGrid .x-column-header{
   line-height: normal;
  vertical-align: middle;
  }
.customGrid .x-title-text{
  line-height: normal;
  vertical-align: middle;
  }

.customGrid .x-grid-td .x-grid-cell-inner {
  line-height: normal;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  }

 

[newsanti]

45 minutes ago, Sherzod said:

But what's stopping you from using one class?

.customGrid .x-column-header{
   line-height: normal;
  vertical-align: middle;
  }
.customGrid .x-title-text{
  line-height: normal;
  vertical-align: middle;
  }

.customGrid .x-grid-td .x-grid-cell-inner {
  line-height: normal;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  }

 

customGrid3 .x-grid-td .x-grid-cell-inner {
  line-height: normal;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  }
.customGrid1 .x-column-header{
   line-height: normal;
  vertical-align: middle;
 } 
if combine above (customCSSGrid1&customCSSGrid3)  customCSSGrid3 display incorrect.

customCSSGrid4 .x-grid-cell-row-numberer {
  font-weight: bold;
  font-size: 14px;
  font-family: cursive, "Times New Roman", Times, serif;
}

Need other customCSSGrid4 to customize grid row number.