CSS Class for Table Cell Text

When we were using messageStlyedText in a table region, it was shriking multiple whitespaces to a single whitespace. To solve the problem we are planning to use "rawText" with <pre> tag. But we are not able to specify the default CSS class for a table cell text. Can you please let us know the CSS class to use so that even if we use rawText UI(font, size etc) is similar to adjacent messageStlyedText columns ?
Note: We are not using formattedText because it is not allowing to add prompt.

Please try using CSS class OraTableCellText
Thanks
Abhay

Similar Messages

Setting CSS Class for a Text Input Item when the disable property set to true

Hi,
i have OAF page and the item style is Message text input and i have set the disable property is TRUE using SPELL.
i want to display the value is BOLD for the item. so i set the CSS class for the item to OraTipLabel,OraDataText etc using item property or in process request also. the value is not setting BOLD.
the field is gery out and frozen and it is not displaying BOLD.
Please advise for the same.
Thanks
Sreekanth

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

Css class for rangebar text "Previous and Next"

I am using <af:selectRangeChoiceBar>
I want to give a specific font size to "Previous" and "Next" text.
If it is a link then i am able to do that, but if it is not a link i could't able to find the css class for that.
Is there anyway to give those text eveytime a specific font size...what will be the css class name to do that?
Thanx in advance

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

Css class for an outputText

salut,
j'ai un h:outputText qui peut prendre 3 valeurs
je veut selon la valeur de mon outputText , lui attribuer une class css spécifique
est ce que c'est possible?
hi
i have an outputText that may have three values
i would like to set a css class for every value:if value1 -->class1, if value 2 -->class2,if value3-->class3
how can i do this

Try something like
styleClass="#{bean.value =='value1' ? 'class1':'class2'}"

CSS alternative for tables

Hi,
I used to do more web pages back in the late 1990s when layout was done in tables. I have tried to use just CSS, but there are some things that I am not confident of how to do in CSS and make it look consistent across browsers and resolutions. Is there a good way to do the same thing in CSS?
For example, at http://apilotproject.com/links.htm, I have used a 2 column table to position link buttons to the right of a spilt cell. Is there a more efficient way to do this in CSS. I don't want text to wrap around the link logos/buttons. I assume I could assign a class to the buttons to have them position to the right, but not clear on how to keep them aligned with the text on the left.
Thanks,
Kirk

Try the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {
    width: 960px;
    margin: auto;
    background: #01003A;
.panel { /* Box Sizing see http://css-tricks.com/box-sizing/ */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    overflow: hidden;
    color: #FFFFFF;
.onefifth {
    width: 20%;
    float: left;
.fourfifth {
    width: 80%;
    float: left;
.panel h3 {
    color: #275C96;
.panel img {
    width: 90%;
    display: block;
    margin: 15px auto;
</style>
</head>
<body>
<div class="panel fourfifth">
<h3>PILOT MAGIC MUSIC</h3>
<p>The new home for Pilot's official website. Here you can find everything you wanted to know about Pilot past, present, and future. This website will be up soon, keep checking back.</p>
</div>
<div class="panel onefifth"> <img src="http://apilotproject.com/images/linkpilotmagicmusic.jpg" alt=""/> </div>
<div class="panel fourfifth">
<h3>DAVID PATON</h3>
<p>At David's official website you will find lots of great information about David and his career. There are exclusive pictures to see, MP3s to hear and you can even submit questions for David to answer about his career outside of Pilot. Check it out now!</p>
</div>
<div class="panel onefifth"> <img src="http://apilotproject.com/images/linkdp.jpg" alt=""/> </div>
<div class="panel fourfifth">
<h3>IAN BAIRNSON</h3>
<p>At Ian's official website you will also find lots of great information about Ian Bairnson. Great pictures to see, an extensive discography with MP3 clips of his guitar work, and much, much more.</p>
</div>
<div class="panel onefifth"> <img src="http://apilotproject.com/images/linkib.jpg" alt=""/> </div>
</body>
</html>

CSS positioning within table cells

Maybe I've just been staring at this too long but I'm stumped. I want to position a table (could be a list) within a table by setting the parent element to relative and the position of the child element to absolute. The only problem is that I can't get my table cells to act as parent elements so the smaller table (or list) positions itself relative to the wrapper div which is also set to relative. Do I have to create divs within the table cells? If so it sort of defeats the purpose of the table. How can I do this using appropriate markup?
Hope this makes sense. I think my brain has gone numb.
Here's the page I'm trying to fix:
http://www.kirstencassidy.com/_miniprints2.html
Thanks in advance for your help.

Lon Winters wrote:
What I see is a table with red borders that contain images left justified. What do you want to position - the images? I think you could do all this in CSS without any tables.
I think what the OP is trying to do is position some text to the right of the images?
Obvious answer as the OP has used tables is to insert another 2 column table into each existing table cell, one for the image an one for the text.
Alternative is to use css to float the images left, give the image a right margin and then the text will appear to the right of it in the table cell. Then just style the text with some css?

Fine solid black border for table-cell

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

JTable changing borders for table cells

Hi,
I have a JTable which has columns which each represent a month for a
specified time period. For example, my table displays rows containing numeric data for March 1998 - April 2002.
I would like to create a Raised Cell for the numeric data for the first
cell in the time series and a raised cell everytime the numeric data
is under the column for January of the new year. For example,
the cell containing the data under March 1998 column should be raised and the cells containing the data for January 1999,2000,2001,2002 should be raised.
(FYI: I am using a TableModel which extends the AbstractTableModel)
Many Thanks in advance,
Alex

You need to create a custom table cell renderer to do what you are asking. It is what actually draws the cells. Just subclass the DefaultTableCellRenderer and override the getTableCellRendererComponent() method. Look at the source for that class, and just change it to add your logic to use a different border depending on the cell to be drawn.

Create JPub class for table of records/record types and access them

Hi,
I have the following object types in the database:
PERSON_REC with 3 fields and
PERSON_TAB table of PERSON_REC
I have created a Java class for PERSON_REC using JPub. The created class implements CustomDatum and CustomDatumFactory. How do I do it for table of records type i.e PERSON_TAB??
I have a stored procedure that has PERSON_TAB as a OUT parameter. How do retrieve the value from callablestatement? Is there a sample code anywhere. Kindly direct me.
I have seen sample code and documentation for PERSON_REC type from JPub but not for table of records; also there is no sample code for accessing them from JDBC. Please help me..
Thanks and regards,
Vadi.

Vadi,
Try searching this forum's archives for the words "STRUCT" and "ARRAY".
Good Luck,
Avi.

Exeption class for tables

HI,
there is exception class @ method that i can use for table select
with messages like no_entry_found and so on
Best regards
Nina

Hello Nina
I do not think that such a class exists because the interface would need to look different for every table (or you have a fully dynamic selection with will make the interface quite complex on the other hand).
The SELECT statement does not raise any exception in case nothing is found but just sets
SY-SUBRC = 4
SY-DBCNT = 0
Regards
Uwe

Table cell - text formatting question

Can't seem to find how to do this. I changed the marging of
the box to 5 pixels. That only seems to effect a sentence after a
hard-break. It does not effect soft-breks/returns.
I'd like every line in the cell to be 3 pixels from the left
border.
Thx!

Not enough. Code from Main.css please.
(Link to the actual page is always best. This is a
user-to-user forum, No
one is paid to be here. The easier you make it for us to see
everything the
more likely you are to get help.)
Walt
"JRStaf4ord" <[email protected]> wrote in
message
news:[email protected]...
> Here is the code for assistance -- thank you all!...
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
> <title>Untitled Document</title>
> <script src="Scripts/AC_RunActiveContent.js"
> type="text/javascript"></script>
> <link href="Main.css" rel="stylesheet"
type="text/css" />
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="700" border="1" align="center"
cellpadding="1"
> cellspacing="0"
> bordercolor="#FFFFFF" bgcolor="#FFFFFF"
class="style1">
> <tr>
> <td width="150" bgcolor="#FFFFFF"><script
type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=9,0,28,0','width','150','height','140','title','Flash
> Logo','src','Images and
> Video/Pic3','quality','high','pluginspage','
http://www.adobe.com/shockwave/downl
>
oad/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Images
and
> Video/Pic3' ); //end AC code
> </script>
> <noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=9,0,28,0" width="150" height="140" title="Flash
Logo">
> <param name="movie" value="Images and Video/Pic3.swf"
/>
> <param name="quality" value="high" />
> <embed src="Images and Video/Pic3.swf" quality="high"
> pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio
> n=ShockwaveFlash" type="application/x-shockwave-flash"
width="150"
> height="140"></embed>
> </object></noscript></td>
> <td colspan="3"
bordercolor="#FFFFFF"><p><img src="Images and
> Video/Banner2.gif" alt="Stafford SBSG Small Business
Consulting Banner"
> width="738" height="122" /></p></td>
> </tr>
> <tr>
> <td height="170" rowspan="3">Web
Marketing</td>
> <td colspan="3" align="left" valign="top"
bgcolor="#CCDBB6"><h1
> class="style5"><br />
> <span class="style9">Business
Plans</span></h1>
> <p align="left">Entrepreneurship can be exciting
and rewarding,
> but
> you must be prepared and
> committed. Careful planning is fundamental to success. A
well
> written business plan is
> essential in acquiring financing, managing growth, and
beating the
> competition. Like a
> budget, it is a work in progress that should be
maintained and
> referred to on a regular
> basis. From the Executive Summary to the Appendix and
everything
> in-between,
> Stafford SBSG can help you create an integrated business
plan
> that
> contains all the
> essential elements to help you achieve success.
> When developing your business plan, Stafford SBSG is
very
> ?hands-on?, asking
> questions, challenging your assumptions and designing a
plan
> that is
> customized
> for
> your business.</p> </td>
> </tr>
> <tr>
> <td colspan="2" align="left" valign="top"
bgcolor="#CCDBB6"><br />
> A typical development process includes interviews of
management,
> strategic market research and analysis, mid-project
status
> check,
> plan draft, client
> feedback and revisions, and finalization.
>
> If you already have a basic plan, but need to include
additional
> elements to enhance
> your ability to acquire financial backing, identify
growth
> opportunities, or communicate
> with your employees, Stafford SBSG can assist you in the
areas
> of
> Market Analysis,
> Company Description, Organization and Management,
Marketing and
> Sales
> Management, Product Description and Funding Request
Presentation.</td>
> <td align="left" valign="top"
bgcolor="#CCDBB6"><img src="Images and
> Video/BizPlan1.jpg" alt="Business Plan Development
Strategy" width="327"
> height="203" /></td>
> </tr>
> <tr>
> <td colspan="3" align="left" valign="top"
bgcolor="#CCDBB6"> <br />
> If you have created a comprehensive plan and would like
an
> independent
> analysis to
> identify gaps or inconsistencies, Stafford SBSG can
review your
> plan
> and provide you
> with a written report ?that includes suggested changes,
revisions or
> additions.</td>
> </tr>
> <tr>
> <td> </td>
> <td
width="361"><p> </p></td>
> <td width="113"> </td>
> <td width="261"> </td>
> </tr>
> <tr>
> <td bordercolor="#CCDBB6"> </td>
> <td colspan="3" align="center" valign="top"><p
align="center"
> class="style4">Stafford SBSG: Annapolis MD,
410.280.9618 and Wintergreen,
> VA
> 434.325.1439<br />
> Web Marketing - Marketing Analytics - Marketing Plans -
Business
> Plans -
> Compensation Plans - Financial Management - Human
Resources</p> </td>
> </tr>
> </table>
> </body>
> </html>
>
>

Background Image repeating for table cells

I am trying to put different images as the background to all
the cells in a table, so I can put text over the top of them, but I
cant have an image without it repeating. Ive tried going into the
code and adding background-image: "no-repeat" but that hasn't
worked. I know nothing of CSS and it seems really confusing - so if
this is the answer please give me CSS for dummies instructions.
Layers drive me bonkers as no 2 browsers display them in the same
place.
URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
At the moment only cell one is a background image, the rest
are images inserted normally.
Hope you can help.
Thanks.

Your question reflects the confusing mess your life will be
if you persist
with web authoring without taking the time to learn some HTML
and CSS.
You have -
<th height="351" colspan="6" "scope="col">
Note the extra doublequote just before 'scope'.
Also note that your preloads (look at the body tag) as well
as your image
swaps (look elsewhere - everywhere you see 'file:///') are
all broken -
pointing to files on your hard drive. Finally, you might want
to just think
about making a page where there is no readable content
(everything here is
in images). It will get a zero search engine ranking....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"little bob" <[email protected]> wrote in
message
news:gqo8jh$ejo$[email protected]..
>I am trying to put different images as the background to
all the cells in a
> table, so I can put text over the top of them, but I
cant have an image
> without
> it repeating. Ive tried going into the code and adding
background-image:
> "no-repeat" but that hasn't worked. I know nothing of
CSS and it seems
> really
> confusing - so if this is the answer please give me CSS
for dummies
> instructions. Layers drive me bonkers as no 2 browsers
display them in the
> same
> place.
>
> URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
>
> At the moment only cell one is a background image, the
rest are images
> inserted normally.
>
> Hope you can help.
>
> Thanks.
>

Can I force Straddle for table cells in the EDD ?

This is a question for the techies:
In my structured EDD, I have created hazard statements according to the ANSI Z535.6 standard, using a table format - with the table heading showing the hazard category (notice, caution, warning, danger) and the rows showing the individual messages. In the individual messages I have an icon to the left and the message text next to it. Visually, it is better to separate the two cells with a thin line. But in the header there is no icon to the left and I would like to remove the thin line. Yes, I am a perfectionist, I know
Here is what it looks like now:
As far as I can tell, there is no way to tell Frame to suppress the column separator line in the heading without also removing it in the body rows. And if I do remove the line, there is still a thin white line visible, as the heading cells are filled with an image covering its entire area (but that image does not cross over the invisible line, at least not in the PDF). Another option would be to use straddle on the heading cells, but I need to be able to do everything from the structured EDD and paragraph plus table formats. Is there a way to do this ?
Thanks in advance
Jang

Hi Michael,
Oh, well. I had already figured out that this is not an option. I did remove the line between the rows, as it does not add any thing to the clarity of the message panels in my hazard statement table. But FM cannot handle two adjacent cells with graphic frames without adding a single hairline between them, even if I told the program that the border should be None. Something about the importance of frames for FM, I guess. I have only been able to remove the extra unwanted and uncalled-for hairline by straddling the cells (manually). Of course I will have to adapt the EDD to allow straddled cells in the header, but that is peanuts compared to the stuff I have been doing to make this design work in the first place.
As I will have to create a small script to perform a series of necessary steps before a book can be published, and my hazard statement tables all have the exact same small problem, I will probably include a script that goes through the whole book and applies a straddle to any cells in the heading row of any hazard table. Being a perfectionist, writing that script before handing my stuff over to my customer will make me happier than not doing it and saving some time by delivering a solution that does not make me perfectly happy.
When all the hard work for my current projects is done, I will try to publish an article on how to implement ANSI Z535 compliant hazard statements in structured FM documents. Might be useful for others, too. I will show you my solution at the tcworld fair, if you have some time for that.
Ciao
Jang

Tooltip for table cell.

Hi all
I have a report region (the source is a query). There is lot of texts in this report region so for pretty display I am just showing the first few words for the row and column combination (i,j) and what I am looking for is the tooltip so when the user puts the mouse over a particular cell, full text of (i,j) is displayed.
Is it possible?
prashant.

Thanks ATD, but are you sure its """ . Because I am getting this error
Query cannot be parsed within the Builder. If you believe your query is syntactically correct, check the ''generic columns'' checkbox below the region source to proceed without parsing. ORA-00904: """: invalid identifier
I tried selection generic coulmns, its giving this error
failed to parse SQL query:
ORA-00904: """: invalid identifier
Then I tried '"' , I dont get correct result, the result seems to be broken .
I think its just a matter of syntax. Could you double check it for me ?
Thanks prashant

CSS selector for tables

I've just changed the look of a table by editing a custom stylesheet I added to my application. The one part of the table I don't get edited is the background colour of the pagination section of the table.
Does anyone know how to set this?
Kind regards,
Annet.

Hi,
You can use ctrl+alt+shift to try to locate css rules from the built-in
theme classes. I found this rule, changed it to yellow, and tested by
including it in my stylesheet.css to overwrite the default background
of the pagination section.
table.Tbl td.TblActTdLst {
background-color:yellow;
HTH,
/krys
Creator team

CSS Class for Table Cell Text

Similar Messages

Maybe you are looking for