Images as table cell content

Hi,
we are using thumbnail images for representing some employee status in a table. Images are displayed successfully.
Problem is the white space between two cells, we want to eliminate the space between two cells. I have tried cell width property but it doesn't help.
Any other suggestions to achieve this.
Thanks a lot.
Rgds

Hi Sharanya,
I could not find property cell spacing and cell padding property for cell.
I am on Nw04.
Is there other way we can achieve this.
Rgds

Similar Messages

Space in table cell content

Hi,
I want to add some space before and after the table cell content. I am using setIntercellSpacing() method to achieve that and I could get the required functionality. But its adding space in the Table Header also which looks odd. Is there any way to set the spacing only for the cell and not for the table header.
Let me know if anyone has solution for this.
Thanks and Regards,
R.Vishnu Varadhan.

I find this behaviour of setIntercellSpacing() very annoying, too. Why the hell did the Swing developers implement it that way?
Nevertheless, you can create the desired effect by writing a custom cell renderer, but that is if course more work than that single method call.

Displaying of image in table cells

Hi,
I have a requirement where i need to display an image in table cell editor. Can anyone please tell how to do this.
Thank You,
Madhavi

Hi
The link is related to the same code as well..
First copy all your images into "project/src/mimes/components/<packagename>"
1) First create a new column for image and insert Child "Image" UI Element
2) Create a Context in a view in which you are using Image UI Element
3) Value Node
Name : Image
Cardidality : 1..1
4) create 2 Value Attributes
4)a ImageAlt (Calculate property - true)
4)b ImageSrc (Calculate property - true)
5)Bind the properties of Image
alt - Image.ImageAlt
source - Image.ImageSrc
6) in getImageSrc()
//according to your condition use your image
retrun "XX.gif"
7) in getImageAlt()
return "Image Not Available"
Case 2 :
1) Add a new String attribute to your existing context
2) Right click on your table in RootUIElememntContainer
3) Edit Sturcture Binding
4) Select the context which you modified , Select next
5) in the next step for the newly created attribute select imageUIElement as type
If you want to use that in wdDoinit()
bind the two string value attributes to alt and source properties of ImageUIElement and write the following code
in doinit
wdContext.currentContextElement.set<src>("img1.gif") ;
wdContext.currentContextElement.set<alt>("Image not found") ;
Best Regards
Chaitanya.A

Add image to Table cell

Hi All,
Based on condition how can i add image to Table cell.

Hi,
Its very simple and straightforward.
All you need to do is:
1...Create a context(value attribute) of type string.
2...I am assuming that you have created a table, and mapped its columns with a node.
3...In the <i>TableCellEditor</i> of your desired column, map the above context with the <i>imagesource</i> property.
4...In the code, set the value of this context to the image name(eg: abc.gif), on satisfying of a condition.
5...However, keep in mind to set the context value to some default blank image in the doinit() of the view, else, you will get a null pointer exception.
I hope this solves your problem.
Keep posting if you have any further queries.
Regards,
Hanoz

SAP Portal development-Table Controls having link to table cell content

Hello all,
I am creating the SAP portal in which i am using Table controls to display the data. I want the function should be called whenever user clicks the table cell content. i.e. i want to create the function link to table cell.
Please reply soon.
Regards,
Prashant

Hi Prashant,
You haven't mentioned if you are using Webdynpro or HTMLB JSPDynPages.
If its the webdynpro, you can declare then and there itself that the content to the table column is a row my changing the property.
If it is a HTMLB component TableVIew that you are trying to use, you can include a TableCellRenderer Class which renders the cells of the table at the runtime as links or buttons or whatever you want to put.
So let me know, what exactly you are trying to use, then finding a solution will be more clear.
regards,
Sujana

Wrapping table cell contents

Hi
I have a requirement where i need to wrap my table cell contents.I have chekced all the properties of table but none serves my purpose.Kindly help in this direction.
NWDS version : 7.3
Server version : 7.3 SP02
Thanks
Monika

Hi Monika
Wrapping property is not available at table level.
The individual columns header and content in the text views only you can wrap.
If the table column cell editor is a Text View , then you can see the Wrapping property and you can change it to true for wrapping.. For column headers also you can set the property.
Regards
Venkata KALYAN

Background Image In Table Cell

I'm not sure what I'm doing wrong or missing here. This is the first time that I'm using an image as a background. I've made a table with a 100% width with 3 colums and 3 rows. The left and right table cells have been merged and the 3 middle rows are at a width of 938 pixels. I have cropped the images correctly. The right column lines up perfectly, but the left column does not line up like it's supposed to with the image. You can take a look at it by going to http://www.wattsconcepts.com/new
Here is the code below if anyone wants to take a look at it. Any help in solving this is greatly appreciated. I am using Dreamweaver CS5.5
Thank you for your time!
<!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>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          background-color: #000;
          background-image: url();
</style>
</head>
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td rowspan="3" align="left" valign="top" background="images/left-index.jpg"> </td>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
    <td rowspan="3" align="left" valign="top" background="images/right-index.jpg"> </td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>

Your HTML code should ideally be as follows:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
</style>
</head>
<body>
<table width="938px" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>
Also, you don't need 3 columns for this website. 1 column and 3 rows should do. Also, never use 100% for <table> width. It's bad practice as you're making your site fluid which will render your site to malfunction on some browsers
And you had the entire 3 sections as 1 image as your CSS body background-image. This is bad practice. Crop only what you want for each section, never give the entire merged site as 1 image.
Try the code I've given you above and it should work perfect.
A quick tip: Try learning and using DIV with pure CSS styling instead of tables. Tables are a thing of the past. You could just google it and you have tons of free resources on how to create a site using DIV. Also, there's a beautiful tutorial posted by one of our senior members here: http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt2.html that explains how to create HTML5 site with Pure CSS styling using DIV tags.
Cheers,
ST

What's the best way to place images in table cells?

I'm working on a basic tooling catalog/list using a table for all of the information. One of the columns is for an image of the tool. Is there a way to place each image in a cell and have it resized to fit the cell dimensions (including my text inset settings)? I'm using CS4 and the images are all tiff files, although I also have psd files of each. Any suggestions would be appreciated.

Table cells don't adjust automatically except in the vertical direction when set to "at least" some dimension, and I suspect you don't really want that anyway. Keep in mind that column width is constant through the whole table, so fitting the cell to the largest image is going to give you a giant coumn width that isn't used for smaller product shots in the same table.
What about making an image frame the size you want, and setting the fitting options to fit proportionally? Copy that frame and paste into the cell, then place the image in the frame.

Place image in table cell in pages for iOS 5

Can I place an image into a table cell in pages for iphone? This would keep me from having to take my expensive MBA out on the dangerous (for the computer) jobsite. It would change my life to be able to do this on the iphone as my reports require it. As of yet I've found no way to do this.
Thanks in advance for your help!
~CR

Put the text cursor in the cell and use the regual Place command. The image will be placed as an inline graphic in the empty paragraph.

Autofit column width to table cell content in Pages

Hello,
Would anyone know how to autofit the column width of a table cell in Pages '09?
I have searched Pages Help to no avail.
Thank you very much in advance.

There is a checkbox in the table inspector to auto-resize to fit content. Unfortunately, that only seems to work with rows, not columns.

Insert shape over image in table cell

Want to use circles, ovals, lines with arrows to point to some part (text or image) of a cell in a table.
Need to emphasize certain areas of graphics in a document used as a step by step type document.
If I add the shape outside the table and then try to drag/drop on to the image in the cell, the entire cell jumps to a new empty cell.
Can nod get image to appear over the image in the table cell.

Hello,
do you think about this, please have a look here: http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7b86a .html.
Another way, to add text over an image uses Nancy O.'s Demo here (I would prefer by using PS or similar):
http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
Hans-Günter

Expanding/Enhancing a table cell contents

I have a search utility that shows my database query results in a read-only table.
Say this table T has columns C1-C5 and rows R1-R5.
Data returned in column C3 has a VARCHAR count between 2000-4000.
Currently the table only displays somewhere in the region of 500 characters (on mouse hover) for this column, the page depends how far you can stretch the table column.
My question is three part:
- is there an ADF component that will allow me to copy the contents of a cell, for example, column C3 row R1.
- is there an ADF component that will allow me to expand the cell(C3/R1) in a popup window? (And enable other cells in the C3 column to do the same)
- is there an ADF component that will allow me to open the cell contents in a new window? or .txt (And enable other cells in the C3 column to do the same)
Jdev Version (11.1.2.4)

User, which jdev version do you use?
All this can be done.
1) Yes, but this depends on the use case (e.g. per drag & drop or copy & paste using the keyboard)
2) Yes a popup which you e.g. show on hoover which shows all text or you click on the cell and open a popup
3) Yes, if your table is in click to edit mode or you show a form with all attributes of the selected row in a new window (which allows you to layout the components better).
Timo

Table Cell Contents Disappears Please HELP!!!!

PROBLEM: I have a different tables within different table cells in the Master table. One table per Master cell. Once I click on a table cell (0,0) and click on another table cell (1,1) the cell (0,0) blanks out. Likewise with other cells so that if I've click on all the cells in the Master Table and then clicked somewhere else all cell contents have disappeared.
QUESTION: Do I need to call some UI refresh procedure????? I have a cell renderer which returns the table for each Master's Cell.
I don't if this is clear but please help!
Thanks

Hi,
the problem is that the DefaultCellEditor can't handle tables.
So you have to write your CellEditor, which returns another table as Editor.
class YourTableCellRenderer implements TableCellRenderer{
    private JTable table = new JTable();
    public Component getTableCellRendererComponent(JTable table,
                                                   Object value,
                                                   boolean isSelected,
                                                   boolean hasFocus,
                                                   int row,
                                                   int column){
         // set Data and Layout
         return table;
}then set the Editor to your MasterTable (master) with.
master.setCellEditor(TableCellEditor anEditor) or
master.setDefaultEditor(Class columnClass,
                             TableCellEditor editor);Hope this Helps.
Michael

Link to Table cell content...

Hi,
I am Prashant.i am developing SDAP Portal.In that,I am populating data to the .NET SAP NwtWieaver Table control dynamically.I am also adding LinkToAction control to the table cell.I want some action should be carried out on clicking on that link.For that i am using LeadSelect event.
Actually it works fine when i am putting data at design time by editing rows.But it does not work when i gather data from at run time.When i gather data at run time and when i click on some link,all the table data disappears.
I can not understand why this is happened?. What properties should i set for the same.If any one knows, Please help me.
Regards,
Prashant J.

Soory it is not SDAP.It is SAP....

How do I get rid of white space on one side of image in table cell?

I'm making a disjointed rollover and when ever I add images it creates too much white space to the right of the cell. How can I make the picture fit, so space is not wasted? See image sample with red arrows where I want to remove space. I've removed the width size from my table, hoping it would "spring to shape" around the images, but no go.

HTML:
Cellpadding="0"
Cellspacing="0"
CSS:
table {border-collapse: collapse}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Images as table cell content

Similar Messages

Maybe you are looking for