I set up Column Grouping for three text columns to be Grouped under "CM".
I am able to control the Column Header Style for each of the three columns to make them right justified to match the numbers in each of the columns.
I would like to center the Column Grouping over the three column but don't see any way to accomplish that.
Has anyone done this?
Formatting of Column Grouping
Formatting of Column Grouping
Tom - V8.8 build 3137 - MySql / PostGres
Re: Formatting of Column Grouping
like this?
- Attachments
-
- Screen Shot 2020-02-25 at 10.58.38 AM.png (38.56 KiB) Viewed 6103 times
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL
Re: Formatting of Column Grouping
pretty straightforward.
finds the column heading based on its exact text string, then adds a class to it.
this code in the Render Script of the Grid:
The CSS: (the "hover" part is prolly not needed)
finds the column heading based on its exact text string, then adds a class to it.
this code in the Render Script of the Grid:
Code: Select all
var grid = widget
grid.thead.find("th.k-header[data-title='Time']").addClass ('fix-col-group-timesheet');
grid.thead.find("th.k-header[data-title='Parts & Labor']").addClass ('fix-col-group');
Code: Select all
/* Column Group Headings in Grids */
.fix-col-group,.fix-col-group-hover:hover {
color:#fff!important;
background-color:#3452a9!important;
text-align: center!important;
}
/* Column Group Headings in Grids TIMESHEET */
.fix-col-group-timesheet,.fix-col-group-timesheet-hover:hover {
color:#fff!important;
background-color:#716602!important;
text-align: center!important;
}
- Attachments
-
- Screen Shot 2020-02-25 at 12.39.29 PM.png (107.35 KiB) Viewed 6091 times
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL
Re: Formatting of Column Grouping
Thanks Jaymer!
Believe it or not, I have not tipped my into using CSS with Aware.
Believe it or not, I have not tipped my into using CSS with Aware.
Tom - V8.8 build 3137 - MySql / PostGres
Re: Formatting of Column Grouping
Save the css above in a file named jaymer.css
Put it in AwareIM/webapps/"yourAppname"/custom/css
Shift-Refresh your app
If you start the chrome INSPECTor , click on sources across the top, look down the tree on the left you should see that jaymer.css got loaded
If so, that’s it.
Proceed with aware changes
Put it in AwareIM/webapps/"yourAppname"/custom/css
Shift-Refresh your app
If you start the chrome INSPECTor , click on sources across the top, look down the tree on the left you should see that jaymer.css got loaded
If so, that’s it.
Proceed with aware changes
Last edited by Jaymer on Tue Feb 25, 2020 10:06 pm, edited 1 time in total.
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL