Hi All,
I was using multiple blocks to position various fields to help make the screen presentation look better. It was in a master/detail form.
Basically I used 5 blocks. two at the top 50% each, then 2 in the middle at 50% each, and one final one (that housed the detail form) at the bottom, as 100%
In blocks 1-4, I added various fields, but the blocks were all nicely sized and all heights were set properly. However, in each block if there was less fields that the one next to it, the field bckground color did not fill the block.
[ATTACH=CONFIG]n79249[/ATTACH]
There is no css value for the background of the block itself, just the title bar.
So what was I supposed to do to make it aesthetically pleasing by filling in the missing background color? See the red arrows above.
I tried to insert a script to add some css to see if I could make it work.
After countless hours of fruitless trials, I called upon Leandro at SC to help me. With his help and knowledge, it is now solved.
In the scriptinit event, I added the following code, and it worked a treat.
?>
<style>
.scFormBorder > table > tbody > tr > td > table{
background: #EEEEEE !important;
}
</style>
<?php
This script sets a value for child elements under the .scFormBorder class. The last “table” element highlights the table that contains the blocks, and voila you have a background color.
You may need to use the Inspect Element menu item in FireFox to make sure your needs are the same. Start at the .scFormBorder element and work down.
This post is help those like me who sometimes don’t have a clue.
Enjoy
Tony
