Alternating Row Colors
I have placed a related table in a tab control and have the table pulling the correct records. How can I make each row alternate colors so that it is easier read? Here is an example:
Notice Action # 32 and Action # 73; I would like to make the rows here alternate in colors.
Thanks in advance for any guidance.
Notice Action # 32 and Action # 73; I would like to make the rows here alternate in colors.
Thanks in advance for any guidance.
Hi!
First of all, you should assign a CSS class to your related items table, i.e. "related-issues". Then add this CSS rule to your CSS Editor:
First of all, you should assign a CSS class to your related items table, i.e. "related-issues". Then add this CSS rule to your CSS Editor:
Code: Select all
.related-issues .ms-alternating td {
background-color: gray;
}
Alex, thanks for this. What if I already have a CSS class assigned to this? Can my clas have multiple parameters? For example, the CSS class Assigned is:
fd.populateFieldsInGrid($('.related-items'), {
Ticket: '{CurrentItem}',
});
That is added in the Javascript Editor already. Can I simply add the alternating code to it?
fd.populateFieldsInGrid($('.related-items'), {
Ticket: '{CurrentItem}',
});
That is added in the Javascript Editor already. Can I simply add the alternating code to it?
Hi!
No, no, no, not in the JavaScript Editor, but in the CSS Editor.
Copy and paste this code:
No, no, no, not in the JavaScript Editor, but in the CSS Editor.
Copy and paste this code:
Code: Select all
.related-items .ms-alternating td {
background-color: gray;
}
-
- Information
-
Who is online
Users browsing this forum: No registered users and 18 guests