ADF Skins CSS - table cell padding

Hi there,
Can anyone provide an example of how to set the data row, cells', cell padding value ...
referring to http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
I dont seem to be able to tie the -tr-padding-right-width for the ad|table element and/or overwrite it on af|column elements ...
anyone any idea the best approach ?

Hi,
try
.AFTableCellDataBorder:alias{
padding:20px;
}

Similar Messages

RoboHelp 7 to 9 : Table Cell Padding

HI All,
I very recently upgraded from TCS 1.3 with RoboHelp 7 to TCS 3.5 with RoboHelp 9. Yeay! All is good so far except one little niggle. . .
I use tables frequently in my source files to set out information. In RH7 I did this through Table > Insert > Table... Select number of rows and columns then click OK.
When I did this I could see that RH had automatically added padding to the table cells. If I added text into the cell there was a small gap between the table border and start of the text.
When I perform the same action in RH9, the padding appears to be missing (highlight a table cell and skip over to HTML view). I can't figure out how to add this automatically.It could get a little tiresome if I have to add it for each table cell from now on in order to be consistent with the tables already in my project. Manually adding a margin from the Table properties dialog appears to make no difference. Even when I set the margin to be outrageously huge, my text still butts right up against the table border.
So, does anyone know how I can set my table cells to automatically have the same padding as they did in RH7?
Any ideas or help are welcomed. Thanks guys!
Lil

Presumably, after reading the Table Styles topic in the help as well as your tour Peter, my existing tables stay as is unless I apply a table style to them but I have to create a style for any new tables I add into my project files?
Yes to all questions. At some point it may be worth converting your inline tables to CSS though so that future changes are just at CSS level.
You don't mention in your tour Peter whether the mapping issue across to printed documentation has now been fixed in RH9?
If you mean what I think you do, not that is still an issue.
Having attempted to create a table style, I'm now trying to work out why if I choose to apply formatting to the 'Whole Table' and set the borders to 'Solid', '1px', 'All Borders' and 'Silver', I get an outline around the whole table rather than all cells bordered. Confused?!!
The table editor is a nightmare. Whole table means the outer borders, not the whole table, as one might reasonably expect. I think the trick is to set borders for odd rows as top left and even rows as bottom right, something like that.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

ADF skin css

In my application i am using 3 JSPX pages i have used common skin (CSS file) which is reflecting in all pages and working.
But i want to add few more specific css styles to each page , say i have pag1.jspx , pag2.jspx and pag3.jspx , i want to use page1.css only for page1.jspx , page2.css only for page2.jspx and page3.css only for page3.jspx. is it possible?
if possible can you suggest way to do it?

Hi
I think you can maintain several skins(.css) files
http://download.oracle.com/docs/cd/E17904_01/user.1111/e21420/adfsg_skin.htmhope you will helpful

Table cell padding

I have a requirement to increase the space between columns in an Oracle OAF table (not a custom table). This is because cell data that reaches the end of cell1 runs right into the beginning of text in cell2 (and they don't want to increase the width of the overall table.
There doesn't appear to be a way to increase "cellpadding" via personalizations - is there anyway to do this?
Alternately, I thought column banding might provide the "visual" separation between data that is desired. However, this also is not available via personalizations - can this be done through CSS? I tried creating one and specifying the "CSS Class" of the table via personalizations but this also did not work for me - is there anything obvious I'm missing here?

I have a requirement to increase the space between columns in an Oracle OAF table (not a custom table). This is because cell data that reaches the end of cell1 runs right into the beginning of text in cell2 (and they don't want to increase the width of the overall table.
There doesn't appear to be a way to increase "cellpadding" via personalizations - is there anyway to do this?
Alternately, I thought column banding might provide the "visual" separation between data that is desired. However, this also is not available via personalizations - can this be done through CSS? I tried creating one and specifying the "CSS Class" of the table via personalizations but this also did not work for me - is there anything obvious I'm missing here?

[SOLVED] ADF skin CSS works properly in FF, IE7 but not in IE6

Hi
I have an ADF BC application written in jdev 10.1.3 that has a custom skin. The main pages in the app each have an af:menuBar with af:commandMenuItem items within it. The menubar is skinned to be transparent other than a top and bottom border while the af:commandMenuItems are skinned to be a particular colour with a hover colour.
This works great in Firefox and IE7 but in IE6 the af:commandMenuItems are the same colour as the menubar background. They are only visible on mouse hover (see screenshot linked)
http://i249.photobucket.com/albums/gg219/pschweig/ie6cssscreen2.jpg
I noticed that the css file used by the different browsers are different e.g. for firefox
B2B-desktop-10_1_3_3_0-en-gecko.css
and for IE6 B2B-desktop-10_1_3_3_0-en-ie-6-windows-s.css
Could there be some error in the IE6 css generated by ADF? Or is it an IE6 bug? Either way any info on how I can progress with this would be much appreciated.
thanks
paul schweiger

After working with support found that the following css selectors do the job in IE6
af|menuBar::selected-link{ background: none; color: #661047; }
af|menuBar::enabled-link{ background: none; color: #661047; }

Adf skin, table's row hover

Hi,
I'm having confussion with adf-skinning.
Can i put hover effect so everytime user hovering a row of a table it will change the row's background color?
What class should I use in my css?
I've tried with af|table::data-row:highlighted, af|table::data-row:hover..
If there is anyone knows the link where I can dowload an adf-skin template then it also be very helpful to me..
Best Regards.

Hi,
I found this in the forum. Does it work for you?
Re: Comment on Frank's blog adding hover effect to table
af|table::content TR:hover { background-color: InfoBackground ; }
af|table::content TR:hover TD { background-color: transparent ; }
regards
Peter

Need left cell padding in tables

Does anyone know how to add left padding to table cells so
the text does not jam into the left table ruling?
I have padding specified in all my table formats, but all the
resulting tables have no left cell padding.
I tried adding extra padding to the paragraph tag in the
Table Cell tab of the Paragraph Designer: no luck.
Of course, I do NOT want to hand edit all my tables in
RoboHelp.
This is strictly a single-source project.
Outside of that, the tables are coming through pretty nicely.
But that crammed look kind of spoils things.

Thanks Jain.
I can see by your reply that I
cannot fix the problem by:
- editing table, row, or cell formats in CSS.
- Or adding padding in the Table Designer in FrameMaker.
- Or adding extra cell margin in Paragraph Designer/ Table
Cell tab.
Solution:
Design a special FM template for RoboHelp.
Import this template into FrameMaker before moving the files
into RoboHelp.
In the Framemaker template for RoboHelp, the FrameMaker
cellbody paragraph tag formats have extra First and Left indents
(.081in.) added in the Basic tab of FrameMaker's Paragraph
Designer.
Once the files are in Robohelp, in RoboHelp Style
Settings/Style Mappings,
I leave the cellbody styles as Source (no mapping to
RoboHelp).
Note about the special FM template.
It does not very long to design (maybe an hour).
It is very simple to import into FrameMaker (couple seconds).
I can edit all my paragraph tags, character tags, and table
styles at once
(for instance, body text uses a san-serif font).
Then, in RoboHelp's Settings/Style Mappings I leave the
styles as [Source].
Only one last detail for my tables,
Cheryl B in Las Vegas's unanswered posting, "vertical
alignment in tables"
RoboHelp's "center" setting of the vertical alignment of
table cell text looks funky.
We need "Top".
Any fix, in the future, maybe?

Problem with css reload (custom adf skin)

I have defined a custom skin but changes in the css does not immediately show in the page. I have not figured out what triggers a rreload of the css. When I delete the generated css from the embedded OC4J a new one i immediately created but with the old values.

Hello,
This depends on the version of ADF your using.
If its 10G, as far as I know, changes will only get picked up after a redeploy and even then you need to force the browser to re download the css (using a force refresh, shift + F5 or the refresh key normally)
If its 11G, the redeploy should not be needed as long as you force a browser refresh.
As long as the previously mentioned context parameter is present:
<context-param>
    <description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
    <param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
    <param-value>true</param-value>
</context-param>-Anton

How to apply different CSS styles to different table cells?

I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

mitchgart wrote:
BalusC wrote:
How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

Can table cell vertical alignment be defined via CSS?

In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.

How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John

Automatically Sizing Table Cell Width Using CSS

How can I get my CSS sheet to automatically size the width of
the table cells where text is located?
Example
Page

quote:
Originally posted by:
Newsgroup User
That's how table cells work with no prompting from you, if
they have no
width assigned at all.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"rmiman" <[email protected]> wrote in
message
news:ev0h1o$a4j$[email protected]..
> How can I get my CSS sheet to automatically size the
width of the table
> cells where text is located?
>
>
http://www.rminc.com/test_examples/test3.html
I know but let's say I want to have a table with a width of
600px and 5 columns, 2 of those colums have content and the other 3
don't. I want those 2 columns with content to automatically size
themselves but since my table has a width of 600px it won't
work.

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

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?

*Very challenging problem with Firefox involving 'table-layout' attribute and cell padding

I've been trying to figure this out for days and I just feel
like my head is going to explode. I don't even think words could
describe the relief if someone could solve this problem for me.
I described the problem here to make things easier:
http://morthian.googlepages.com/Untitled-2.html

.oO(AngryCloud)
>I came up with a solution. If I use a div inside of the
cells instead of
>assigning them a class, the problem goes away.
This doesn't sound right. You should put the page up again,
describe
what you're trying to do and what the problem is in more
detail.
>This is going to take me hours
>to monotonous work, but I will do what I have to do.
Search & replace comes to mind, but this shouldn't be
necessary at all.
A 'div' inside a table cell just for the sake of "fixing"
some obscure
problem is not really a solution, as it doesn't really fix
anything.
Micha

How to wrap a line in a table cell in adf

How do I wrap a line of text in a table cell?

Yes, I tried that. But I have 2 sets of information. I want it to wrap exactly at the start of the second piece of information
So I am trying to use noWrap in combination with width. How else can I do this. appending \n does not work

ADF Skins CSS - table cell padding

Similar Messages

Maybe you are looking for