MarkMayhrai

Hello CopperBackpack,
This worked perfectly—thank you so much! I also want to mention that you’ve been incredibly supportive with many of my requests.

Hello @CoopperBackpack
I want to express my deepest gratitude for this solution; flawless, it worked perfectly. Also, thank you for pointing out this article. Although I've seen it a few times before, it didn't really make much sense until now. I'll assimilate this knowledge for future endeavors. Many thanks, @CoopperBackpack

Hi @MarkMayhrai

Do you have responsiveness on the DataPage enabled or disabled? 
If it is enabled, you can add the following CSS code snippet to the header of your DataPage:

 
<style> .cbResultSetTable tr th:nth-child(column order number) { background-color: color; } </style> Where the "column order number" represents the column order number. So you need to specify which table header columns must have which background colors in this rule. It will look like this:
<style> .cbResultSetTable tr th:nth-child(10), .cbResultSetTable tr th:nth-child(11) { background-color: white; } .cbResultSetTable tr th:nth-child(7), .cbResultSetTable tr th:nth-child(8), .cbResultSetTable tr th:nth-child(9) { background-color: blue; } </style>  

Hello @MarkMayhrai,
To add, the background color of the header can be applied/changed under the Styles: 
Results page > Table Layout > Header Cells > Background Options > Color

To color specific cells, you need to refer to the number of the column.
For example: 

<style> /* color the 2nd and 3rd header cell */ form[action*='[@cbAppKey]'] th[class*="cbResultSetHeaderCell"]:nth-child(2), form[action*='[@cbAppKey]'] th[class*="cbResultSetHeaderCell"]:nth-child(3){ background-color: #00d5e4; } /* chnage the styles of the 4th header cell */ form[action*='[@cbAppKey]'] th[class*="cbResultSetHeaderCell"]:nth-child(4){ background-color: transparent; border: none; } </style>  

Good day all,
Need help, please.
How to refresh the site once after load - iframes height does not resize properly on the first load.

Hi @PotatoMato 
I continued to read the article you suggested, and with a little determination and experimenting was able to get it to work.
As it was a Single Record Update Page, I had to use the words EditRecord in front of the field name in the JavaScript to make it work
 
<script type="text/javascript">
  
document.getElementsByName('EditRecordLastSelectedCompanyID')[0].onchange = function() {myFunction()};
function myFunction() {
// submit the form if an value is selected
setTimeout('document.forms["caspioform"].submit()',1000);  
}
 </script>

Hi,
So, it's been a while without any replies. I got to researching and found the information to sort this out.
The following page guide on how to have embedded iframes automatically resize to the appropriate height. Worked very well.
Setting Automatic Height for Iframes in Embedded Data Pages - Caspio Online Help
 

Hi @MarkMayhrai, you may want  to check this How-to article: https://howto.caspio.com/troubleshooting/troubleshooting-notification-emails/. Hope this helps!  
 
-Potato

Boyah!!
 
I love you guys!!