Read only text Items uses the maximum width

Question

Folks,
I have a form with 3 regions and each region has 6 or more text items each with a different width (40, 30 24, 2...). I am using a Read Only Condition Type on all these items to disable them. I am setting the background color as bgcolor="#DCDCDC" in the Read Only Element Table Cell Attributes.
All my elements are disabled (Gray color) but with the maximum width of 40 bytes. I don't want a 2 byte text item 40 bytes long and grayed out. How can I set a specific width for individual items in Read only Condition? Please help
Thanks
Raje.

Answer 1

Try this alternative by disabling the HTML Form Item at the required process point.
I added this JavaScript to the HTML Header of the page which will allow me to disable the required item, plus set its background and color:-
<script language="JavaScript1.1" type="text/javascript">
    function disableFormItem(p_item, p_background, p_color){
                    disItem = document.getElementById(p_item);
                    disItem.style.background = p_background;
                    disItem.disabled = true;
                    disItem.style.color = p_color;
</script>In the Region Footer of the Region where my items are located I added this JavaScript code:-
<script language="JavaScript" type="text/javascript">
   ** Only disable the required Form Items if the Primary Key value is present,
   ** in this case it is P12_UEI. (Won't be present for new records as populated
   ** by on-insert db trigger and sequence.)
   if (html_GetElement('P12_UEI').value > 0)
      disableFormItem('P12_URESI', 'lightyellow', 'black');
      disableFormItem('P12_UZI', 'lightgray', 'black');
      disableFormItem('P12_UBI', 'lightgray', 'black');
</script> The resulting page is a lot better looking than using the APEX read only text item.
Regards,
Phil