I figure that this has to be an easy question, but I can't seem to figure it out. I am using the Summary row feature to generate sums on my grid. However, I require different text alignment based on the type of column. All dollars should be right aligned, and other text is required to be left aligned. Looking at the attached screen shot, can you think of a way to apply a different style to the one column which is a "Custom" summary type?
Hello Alan,Please take a look at the attached sample. You have to just select the summary row/s of the grid and to get the corresponding cells and apply a style to them. For your reference I have also colored the modified cell in red background. This modification has to happen in initialize event of the grid.
Thank you, this works - but you threw me off there with that style you left in there that you did nothing with. Probably an earlier iteration. I had to tinker with it a bit, but I was able to get it to work. On a side note, if you take a look at my original screen shot, you might notice that the totals show up apparently smaller than the values in the grid. According to the F12 debugger, they are the same font, weight and font size, yet they look smaller. Any ideas on what could be causing that?
Hello Alan,My debugger (FF 19) is showing font size 10 to the text in the cells and font size 9 to the text in the summary. Please take a note that Different css classes are applied to them. The 10 pixels are coming from .ig_Item and the 9px in the summary are coming from .igg_Summary. If you like you can easily override the igg_summary class on the current page. Please use this styling tutorial http://ko.infragistics.com/community/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx Please take a note that if you override one of our default classes it will be applied to all the elements on which the class is supposed to be applied. That’s why I took a particular elements responsible for the integer columns and applied style to them manually.
I've definately restyled those controls, including setting the footer to be the same font and weight as the rest of the grid. The IE F12 debugger says they are the same, but they sure look different.
Hello Alan,Please let me know if I understand you correctly. Did you manage to get the style of the controls as required?
I got the initial styling question done, but I am still stuck on the font size issue. I've put it on the back burner for now unless I get an inspiration on what will fix it.
Hello Alan,
If you need further assistance from our side let us know.