newsanti Posted September 10, 2023 Share Posted September 10, 2023 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 10, 2023 Share Posted September 10, 2023 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; } Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 10, 2023 Author Share Posted September 10, 2023 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? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 10, 2023 Share Posted September 10, 2023 6 minutes ago, newsanti said: How to change above css with dbgrid.jsInterface? What's the point of this? Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 10, 2023 Author Share Posted September 10, 2023 1 minute ago, Sherzod said: What's the point of this? for example change css with coding runtime through unigui component. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 10, 2023 Share Posted September 10, 2023 I don't understand why you want this at runtime? Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 11 hours ago, Sherzod said: I don't understand why you want this at runtime? for writing special components. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 11, 2023 Share Posted September 11, 2023 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']); 1 Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 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? Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 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'? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 11, 2023 Share Posted September 11, 2023 20 minutes ago, newsanti said: Can setting cls = 'customGrid1;customGrid2; customGrid3'? What is this? Clarify, please. Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 3 hours ago, Sherzod said: What is this? Clarify, please. setting multiple css with cls of layloutconfig. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 11, 2023 Share Posted September 11, 2023 1 minute ago, newsanti said: setting multiple css How do you understand this? I don't quite understand. Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 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'; Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 11, 2023 Share Posted September 11, 2023 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; } Quote Link to comment Share on other sites More sharing options...
newsanti Posted September 11, 2023 Author Share Posted September 11, 2023 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.