In the modules folder there are javascript files for languages except for the English text that the igGrid uses. What is the recommendation for modifying shipped text with the control? For example we want to change it to match the Sentence casing that our application uses. Since some of the text is wrapped in a span that is not easy to do with css so I was going to modify the files directly but they do not exist for English.
Hello Tammy,
You can change the text the igGrid is using but it will depend on how you are including the Javascript files in your project.
If you are including the infragistics.core.js file, you can edit the strings of the specific text you want to change.
If you are including the grid and its features directly within your project, you can edit the strings within infragistics.ui.grid.framework.js.
Let me know if I can be of further assistance.
Sam actually there's still a missing piece to the puzzle. If I change the core file to the following. The screen still appears with the text select columns lowercase instead of Select columns. Did you guys hardcode the replacement for {0} somewhere? Do you know how that's getting filled?
emptyGroupByAreaContent: "{0}",
emptyGroupByAreaContentSelectColumns: "Select columns",
emptyGroupByAreaContentSelectColumnsCaption: "Select columns",
My initial approach was actually not the best approach for this. You can still do this by editting the core file but I recommend to utilize the options within our API to achieve the same behavior.
In this case, you can change the string of the emptyGroupByAreaContent property and your grid will now have the text you applied to it. You can read up on it here:
http://help.infragistics.com/jQuery/2015.2/ui.iggridgroupby#options:emptyGroupByAreaContent
I am also attaching a sample on how to achieve the desired behavior.
That won't work for us. When you do that it is not a clickable link anymore to open the column chooser. We have touch devices so you can't drag and drop yet.
You can add the select columns link by adding a {0} to the emptyGroupByAreaContent string. You can see this being done within the core.js file.
So your option would look like this:
emptyGroupByAreaContent: "{0} to Group By",
I am attaching a sample that you can use to observe this behavior.
Yes I know that. The reason I Need to change the text is because I need it to say Select columns with sentence casing. You can't easily do sentence casing with css on this. Is this text hardcoded somewhere that I can't replace it?
You can change the text by editting the emptyGroupByAreaContentSelectColumns property to the desired text. You can read on it here: http://help.infragistics.com/jQuery/2015.2/ui.iggridgroupby#options:emptyGroupByAreaContentSelectColumns
In your case, your grid instantiation would contain these fields:
emptyGroupByAreaContent: "{0}",emptyGroupByAreaContentSelectColumns: "Linked text",
I'm attaching a sample with the desired behavior.