Color in textboxes or around textboxes in tabular form

I've got a tabular form with 12 columns of textboxes. Some of these columns are logically related so I'd like to sort of group them together a bit (the ones that are related). I was thinking about using a background color in the cells so that for example column 1-3 will have one color visible around the textbox that is displayed in the cell and column 4-5 would have another...
I've tried setting CSS STYLE under COLUMN FORMATTING to 'background-color:#CC9999;'
But that only seems to work if the cell contains text and then only the background immediately behind the text is colored, not the background of the entire cell (i think).
Is it that the textboxes take up the entire cell so that no color is visible?
If so, I'd appreciate suggestions for simple solutions... color in the textboxes? Some kind of frame around a few columns???
Thanx
Andreas

I'd suggest creating a [custom named column template|http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/themes.htm#BABFFGGJ] for the tabular form report, with logically related columns assigned to [column groups|http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.2.4]. When the containing table is [marked up|http://joeclark.org/book/sashay/serialization/Chapter10.html#h5-2695] in this way CSS can be used to apply colour and some other properties to the column groups/columns. It also keeps the page weight down as classes or styles don't have to be applied to every table cell.
>
But that only seems to work if the cell contains text and then only the background immediately behind the text is colored, not the background of the entire cell (i think).
Is it that the textboxes take up the entire cell so that no color is visible?
>
This is a longstanding shortcoming of APEX, in that "Column Formatting" is nothing of the kind: these properties are applied to a <span> wrapped round the content rather than to the containing element (most obvious when that element is a table cell).

Similar Messages

Tabular Forms - how to change the color of text when the field is disabled

Hi,
I have a tabular form and some of it's columns are disabled showing text in grey color...
is there a way to change the color to black and bold the text...?
thanks

Okay, i've taken a look at your example.
The column formatting does not work on the input fields. The help on the item says that it generates a span with a style attribute. This would work for a display field, not for an input field.
Css like i've written should be in the style tags, put up in the header section of the page (page -> edit -> header region).
You've already put script tags there, the style tags go there aswell. You shouldn't even need to put your script tags in the header region. Just put your code up in the javascript functions region (without the script tags).
However, i tested in firefox and here color works on an input field, changing the font color. In IE it does not do this. Cross browser implementations and such, not much to do about it here. See http://stackoverflow.com/questions/602070/changing-font-colour-in-textboxes-in-ie-which-are-disabled.
I did notice that you build your form with a bunch of input fields, which you disable through javascript in the footer of the region. Then on submit, you set the disabled to false again for all those fields! If you want those fields to always be submitted to the server, why wouldn't you use the readonly attribute? Readonly fields are always submitted, and can't be edited by the user. Plus, readonly fields CAN be styled however you want! You can get rid of the javascript code in your header then.
Even the javascript in the footer is not necessary. If you just add 'readonly="true"' (without single quotes) to the element attributes of your items (edit column -> column attributes region) = no javascript at all (less maintenance).

Coloring the changed values in a tabular form

Hi,
I have a tabular form (Sql query updatable report) which displays the data from table1, in this I need to color code the fields whose value is different from a similar column in table2. In simple how can I add color tag in the sql query. I tried using the below
select <&ltdiv style="background:red;color:red">||LAST_NAME||<&lt/div> LAST_NAME, first_name from table1
but it sets the div tag part as LAST_NAME input field's value.
Any suggestions please ?
Thanks,
Pourush
Edited by: Pourush Gopal on Apr 1, 2009 10:41 AM
Edited by: Pourush Gopal on Apr 1, 2009 10:41 AM
Edited by: Pourush Gopal on Apr 1, 2009 10:41 AM

Try this (with quotes around the div tags):
select '<div style="background:red;color:red">'||LAST_NAME||'</div>' LAST_NAME, first_name from table1

Password Masking & Background Color for Multiple Rows in Tabular Form

Hi all,
I have a requirement of making a column in Tabular form, having multiple rows, masked(password field). I also want to give bg color to this field indicating that its a mandatory field.
I am unable to accomplish both at a time in my page. I am using Apex 3.2.
Waiting for your valuable comments. Thanks,
Regards,
Sandeep

APEX_ITEM API doesnot have a password function, but input fields of type password are available in HTML.
So you would have to change the field type to password in JS
That is from :
<input type="text" ...change it to
<input type="password" ...If you were using jQuery it would have been simpler, but to do it in native JS it is a bit more hard work.
Anyway here goes (a quick check in a tabular form seens to work fine)
var password_array=document.getElementsByName("f04");
for(var i=0;i<password_array.length;i++)
password_array.type = 'password';
password_array[i].style.backgroundColor = 'RED';
+Replace the "f04" with your password field's array name(use firebug to identify the field name)+
Does that solve your problem ?

Need help for focusing the cursor from one textbox to another textbox

hii all,
I have a problem in java script.
Note:The textboxes are generated dynamically.it is not having fixed length.(the number of textboxes generated may be 3,2,4....etc.it is not fixed.
To move cursor from one textbox to another text box ,I have taken the length of the textboxes of the first column.I used onkeyDown event .
in the function ,first i checked the condition like
for(i=0;i<form1.box.length;i++) //box is the name of the textboxes
if(event.keyCode==13)
form1.box[i+1].focus();
return false;
by using this the cursor is moving from first text box to second textbox and stops.
if i use event.returnValue=false; instead of return false ,then the cursor automatically going to the laxt textbox of the column.
my problem is how i can focus the cursor from one textbox to another textbox one after the other till the end.
if any one has solution please help me.
also if we can do in another way also,please help me.
thanx.>

thanx .u helped me so much.
i have to check another condition. see the code below
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT language="Javascript">
function fnTest(str) {
if(event.keyCode==13) {
if(str == 4) {
formHeader.box[0].focus();
else {
formHeader.box[parseInt(str)+1].focus();
return false;
</SCRIPT>
<BODY>
<FORM name="formHeader">
<CENTER>
<INPUT TYPE="TEXT" name="box" value="" onKeyDown="javascript:fnTest('0');">
<br>
<INPUT TYPE="TEXT" name="box" value="" onKeyDown="javascript:fnTest('1');">
<br>
<INPUT TYPE="TEXT" name="box" value="0" disabled="false" onKeyDown="javascript:fnTest('2');">
<br>
<INPUT TYPE="TEXT" name="box" value="" onKeyDown="javascript:fnTest('3');">
<br>
<INPUT TYPE="TEXT" name="box" value="" onKeyDown="javascript:fnTest('4');">
</CENTER>
</FORM>
</BODY>
</HTML>
suppose if some of the fields are disabled,then the focus must skip to the next one.i have written disabled for box2.if the cursor focuses in box1,then the cursor should move to box3 escaping box2.
if u know plz tell me.

How to set the Background Color of a Text Field in a Tabular Report.

Hello,
I tried to set the Background Color of a Text Field in a Tabular Report.
But I was not able to change this colur.
In the report attributes --> column attributes
I tried already:
1. Column Formating -- >CSS Style (bgcolor: red)
2. Tabular Form Element --> Element Attributes (bgcolor: red)
but nothing worked.
Can anybody help me?
I Use Oracle Apex 2.2.1 on 10gR2
thank you in advance.
Oliver

in "Report Attributes" select the column to move to the "Column Attributes" page. In the "Element Attributes" field under the "Tabular Form Element" region enter
style="background-color:red;"
I will also check if there is a way to do this via the template and post here again
edit:
in your template definition, above the template, enter the following:
< STYLE TYPE="text/css" >
.class INPUT {background-color:red;}
< /STYLE >
(remove the spaces after the < and before the >)
change "class" to the class that the template is calling
(I'm using theme 9, the table has: class="t9GCCReportsStyle1" so I would enter t9GCCReportsStyle1)
A side-effect of using this second version is that ALL input types will have a red background color--checkboxes, input boxes, etc.
Message was edited by:
TheJosh

Tabular form change color?

what if i have a tabular form and i wish to display a different background color when one of the field is displaying 'Y' instead of 'N'.
How can i do so?

[email protected] wrote:
Hi,
I have used your method and in fact, i placed it in the block's WHEN-NEW-RECORD-INSTANCE.If you want to set color at the time of query then you will have to use POST-QUERY on block level.
And code should be like this
BEGIN
    IF ( :product_shipping.shipment_status = 'Y' ) THEN
       Set_Item_Instance_Property('block_name.item_name', CURRENT_RECORD, Visual_Attribute, 'BCC_BG');
    else
       Set_Item_Instance_Property('block_name.item_name', CURRENT_RECORD, Visual_Attribute, '<NORMAL_ATTR>');
    END IF;
END;
and it gives me an error:
FRM-40105: Unable to resolve reference to item product_shipping
product_shipping is my block...You can not set for the block. You will have to use item by item. As you are using ITEM_INSTANCE_PROPERTY then you can not reference block in that property. If there are multiple items in that block. Then you will have to set for all items like i showed you code for single item.
-Ammad

Coloring a popup field in a tabular form

Hello all,
i have searched for this subject many times, find a lot of answers to coloring at all, but none of them works for me.
I have a tabular form,in the sql query i create a column COLOR (case clause) and try to color the back-/foreground of the column (Popup LOV:named LOV) and use this in 'tabular form element->element attributes':
style="background-color:#COLOR#"
or
class="lov" style="background-color:#COLOR#"
but it does not work.
How could this be achieved ?
Wolfgang

Hi Wolfgang,
You may have to use the HTMLDB_ITEM.TEXT functionality to do that.
For example:
HTMLDB_ITEM.TEXT(11, MGR, 10, 10, 'STYLE="COLOR:RED; BACKGROUND-COLOR:YELLOW"') "Manager"
will create a column on the form with all items in red text on a yellow background. Your CASE statement would then need to determine the entire entry:
CASE WHEN X = 1 THEN
HTMLDB_ITEM.TEXT(11, MGR, 10, 10, 'STYLE="COLOR:RED; BACKGROUND-COLOR:YELLOW"')
ELSE
HTMLDB_ITEM.TEXT(11, MGR, 10, 10, 'STYLE="COLOR:BLUE; BACKGROUND-COLOR:WHITE"')
END "Manager"
Have a look at the following for details about using HTMLDB_ITEM functions:
http://download.oracle.com/docs/cd/B28359_01/appdev.111/b32258/api.htm#BGBHDGAI
Andy

Change color multi-row highlite tabular form

I would like specific instructions on a quick way to change the highlite color when the multi-row check
box is chosen on a tabular form.
Thanks,
Sabrina

Sabrina,
To change the background color of the rows selected using the row selector, edit the report template youâre using, scroll down to row highlighting and type the color you like into the field labeled âBackground color for checked rowâ. You can type in the name of the color or the code.
Hope this helps,
Marc

Alternate color of tabular forms table

hi all,
how can i get alternate color of tabular form records, is there any possibility if oracle forms of this??
Thanx
Hina

Hello,
<p>You can use a Visual Attribute in conjunction with the Set_Item_Instance_Property() built-in. Change the color of the record's item when the record number is even. Get the record number with Get_Block_Property( :system.cursor_block, CURRENT_RECORD).<br>In this article you will se how to colorize a whole record.</p>
Francois

How to join the result from one autocomplete textbox to many textboxes

Hi,
I have one textbox which run as autocomplete from SQL database as i write the customer name so i get all his information(such: phone, address, email, ...), And this file connected with master page. Now i want to get each record (phone, address, email, ...)
data from this autocomplete textbox to many textboxs. What i can do?

Hello,
What you can't do is work off normal methods such as TextChanged as these events will not work simply because when AutoComplete is utilized TextChanged will fire twice, once for user enter data, once for suggestions. You could have the user press ENTER and
get the text in the TextBox via KeyDown event of the TextBox. I have an example in
the following article.
Please remember to mark the replies as answers if they help and unmark them if they provide no help, this will help others who are looking for solutions to the same or similar problem.

How to color the records in a tabular form

hi,
i am using oracle 10g forms
how to change the color of records on conditional basis in a tabular form display.
thanks

Well i give u item level to apply it in the whole record including...
emp , ename & sal
any way to do it block level u can use Current Record Attribute Property block level but if u programatically do it as mentioned u can have a lock on something resemble to ur case pls have a look at Craig's Oracle Stuff How to Select Multiple Records in a block using Record Groups just to exclude the idea u want to develop.
Hope this helps...
Regards,
Amatu Allah

Is there any work around for --- Upgrade to APEX 4.0 - Tabular Forms

Hi
Anyone has any workaround for this http://www.ora600.be/news/upgrade-apex-40-tabular-forms
As I am not able to use the feature 'add row' or insert a record into the table in tabular forms
Would greatly appreciate your help ... has anyone found a solution for this?
thanks

Hello User XY,
What exactly is your question? Do you get any errors?
Otherwise the blogposting describes what you can do when you upgrade a tabform from 3.2 to 4.0.
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

Creating a manual tabular form on an empty table

Hi all,
I am trying to create a manual tabular form on an empty table. Is it possible to display textboxes and column headers, when I run the report I get "no data found".
Regards,

Hi Denes and thank you for your valuable input.
My problem is in fact that, I have created the tabular form by using a report region with a SQL query, something like,
select apex_item.display_and_save(1, p.bolge) bolge,
apex_item.display_and_save(2, p.hafta) hafta,
apex_item.display_and_save(3, p.yil) yil,
apex_item.display_and_save(4, p.mamul) mamul,
apex_item.display_and_save(5, p.tahmin1) tahmin1,
apex_item.display_and_save(6, p.tahmin2) tahmin2,
apex_item.display_and_save(7, p.tahmin3) tahmin3,
apex_item.display_and_save(8, p.tahmin4) tahmin4,
apex_item.display_and_save(9, p.tahmin5) tahmin5,
apex_item.display_and_save(10, p.tahmin6) tahmin6,
apex_item.display_and_save(11, p.revize4) revize4,
apex_item.display_and_save(12, p.revize5) revize5,
apex_item.display_and_save(13, p.revize6) revize6
from portal_link.v_planlama p
The problem is that, since there is no data in the table, when I run the page, I cant get the form to be rendered, and I get a nice "no data found". There should be a way to get the form rendered, hence making it available for data input.
Regards,
Onur

Error 20001 in Tabular Form, possible bug?

Hi everybody.
I've got the error
"Error in mru internal routine: ORA-20001: Error in MRU: row= 1, ORA-20001: ORA-20001: Current version of data in database has changed since user initiated update process."
using a built-in tabular form with normal MRU process.
The problem occur when i apply a format mask or a css style to a single element (i.e. "999G999G999G999G990D00" and "class=grey disabled" in element attributes)
Whitout formatting, the submit process works fine.
I think that this could be correct for the mask, in effect we "change" data received from query. But why we have error also adding only CSS style?
In any case, it's possible to apply a format in a tabular form and have the submit process working fine?
Thanks.
Roberto
Some more info:
if i put "style="background-color:#D4D4D4;" in element attribute it's all ok.
if i write "class=grey disabled" calling a css class from an uploaded css file i got the error.
Bye
Edited by: pnnrrt64 on 25-mar-2009 15.05
Edited by: pnnrrt64 on 25-mar-2009 16.28

Hi,
This is not a bug, but a "feature" of browsers. When input items are disabled, they are not submitted with the form. This causes problems with the checksums that are performed when the page is loaded and when the records are checked to see which records need updating - as there are a different number of fields, the checksums are always different, hence the error message.
The way around this, assuming that you need disabled items, is to enable them immediately before the submit takes place. Have a look at the enableItems() part of: Re: A better method of handling tabular forms with variable column type?
Andy

Color in textboxes or around textboxes in tabular form

Similar Messages

Maybe you are looking for