How to Rename the Column Headings

How to Rename the Column Headings

When pulling information from across multiple lists, you may want to consolidate the information from various columns in list and change the column name just within Cross List, but not for the actual list. Custom.jpgYou can do this with the custom selector within the configuration tool pane. When you pick Custom from the drop-down selector, you have a choice to open the Source Edit page. This page shows you all of the column headers within the lists that you are consolidating through Cross List. Find the one you want to change and modify it to a name you prefer to see on your list.

Step Action Result
1. Select Custom, and then click on the Source Edit button. The text editor opens and displays the default HTML column heading names. Make changes to Column Header names as needed (as shown in screenshot). hw09014.jpg
2. Press Save and confirm the prompt to save your changes.

CSS for Cross List

CSS for Cross List

CustomizeStyle.jpgWhen you are configuring Cross List, you have a choice in the tool pane to customize the style of the web part. When you pick “Custom” in the drop-down selector, you can edit the source and/or the CSS.

Shown below are the classes that you will use if you need to change the look and feel for that section of the web part.

CL-classes.jpg

No. Class Description
1. Tag-TD-Header This is the class that controls the Header of the list.
2. Header-Text This class controls the look of the header text in the list.
3. A.LinkItemName If an item is a link, this class controls the properties.
4. Tag-TD-Grid-EvenRow For even rows, use this class.
5. Tag-TD-Grid-UnEvenRow For odd rows, use this class.
6. TextInCell To modify the text within a cell on the list, use this class.