You are viewing limited content. For full access, please sign in.

Question

Question

Forms 11 Even Record Shaded Gray

asked on May 19, 2023

Hi, I'm on Forms 11 version: Professional Version 11.0.2212.30987. I'm using the New Designer. How can I shade all even records gray in collection?

Even Record Shaded Gray.png
0 0

Answer

APPROVED ANSWER SELECTED ANSWER
replied on May 19, 2023

A quick Google search tells me that we can actually do   :nth-child(even)   and   :nth-child(odd)   in CSS.

So something like this works: 

/*Row banding for collections*/
.collection-set:nth-child(even)
{
  background-color:#CCCCCC;
}
.collection-set:nth-child(odd)
{
  background-color:#FFFFFF;
}

/*Row banding for tables*/
.table-row:nth-child(even)
{
  background-color:#CCCCCC;
}
.table-row:nth-child(odd)
{
  background-color:#FFFFFF;
}

 

2 0

Replies

replied on May 19, 2023

This CSS works for the New Designer (Forms Layout Designer) and is tested in Version 11.0.2212.30987.

/*Row banding for collections*/
.collection-set:nth-child(2n)
{
  background-color:#CCCCCC;
}

/*Row banding for tables*/
.table-row:nth-child(2n)
{
  background-color:#CCCCCC;
}

 

0 0
replied on May 19, 2023

Yes I tested this out. Sweet!!!! Thanks. So can it be changed where the odd rows be white and and even rows be gray?  

0 0
APPROVED ANSWER SELECTED ANSWER
replied on May 19, 2023

A quick Google search tells me that we can actually do   :nth-child(even)   and   :nth-child(odd)   in CSS.

So something like this works: 

/*Row banding for collections*/
.collection-set:nth-child(even)
{
  background-color:#CCCCCC;
}
.collection-set:nth-child(odd)
{
  background-color:#FFFFFF;
}

/*Row banding for tables*/
.table-row:nth-child(even)
{
  background-color:#CCCCCC;
}
.table-row:nth-child(odd)
{
  background-color:#FFFFFF;
}

 

2 0
replied on May 19, 2023

Thanks

1 0
replied on May 19, 2023

You're welcome.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.