How to link a table cell?

Hi,
What would be the best way to link this table cell? I want the entire cell to be linked rather than just the text inside it.
<table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
                      <tr>
<td width="167" align="left" valign="top"><p class="navheader-lg">Video Clip</p>
                            <p class="navheader-sm">Watch a short<br />
                              testimonial video</p></td>
                      </tr>
Thanks so much
Laura

Here is what I have in the style sheet...
.vidA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/videoclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;
.vidA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
.vidA a:hover{
    background-color:#4AA3C9;
.vidA p {
    margin:5px;
.audioA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/audioclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;
.audioA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
.audioA a:hover{
    background-color:#4AA3C9;
.audioA p {
    margin:5px;
and here is what I have for those tables...
<td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
                      <tr>
                        <td class="vidA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false">
      <span class="navheader-lg">Video Clip</span><br />
      <span class="navheader-sm"><br />
      Watch a short<br />
      testimonial video</span></a></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-audio">
                      <tr>
                        <td class="audioA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false"> <span class="navheader-lg">Audio Clip</span><br />
                              <span class="navheader-sm"><br />
                              Listen to a 40 min<br />
interview about SAW</span></a></td>
                      </tr>
                    </table></td>
---I completely removed the styles for those tables (was background-video, background-audio) because all it had was the background styling (which you said to remove) and can't see any other reason to have it there?
So it's perfect except for the background images are not showing...so did I do something wrong in the fireworks/make transparent process do you think?
Thanks...
Laura

Similar Messages

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

How to link VBAP table to field IB SYMBOL

Hello,
How to link VBAP table to field IB SYMBOL
I have checked in transaction SQVI if any relationship exists between the
two tables but there is none
Is there any third table which is common and can be used to link VBAP and
IB SYMBOL
I require this bcz IB SYMBOL contain the charecteristic's of KMAT material
(configurable material ) which need to be printed in the o/p
Is there any other way i can link VBAP to get these characteristc's in the output.
Regards
Harish Madhavan
Edited by: Madhavan Harish on Oct 11, 2010 12:58 PM

Check with your Basis admin if it would be possible to back up and restore the data. They must have something in case of emergency anyway.
Changes in the table fields do not delete the data. I bet someone just used the Database Utility incorrectly and instead of doing the table adjustment with saving the data delete it (there is literally a radio-button for it). Just don't let people do this in Production and you'll be OK.
Also between DEV and PRD you should have another test run in the QA system. If it didn't work well in both DEV and QA I wouldn't ever put this changes in Production, to be honest.

How to highlight the table cell color in respective colors as needed per the requirements??

var aData = [
    {notificationNo: "10000000", description: "Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000010", description: "Genreal Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
    {notificationNo: "10000011", description: "boiler Maintenance", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000012", description: "Pump breakdown", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000013", description: "External service boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
jQuery.sap.require("sap.ui.model.json.JSONModel");
var oEnterpriseAsset_NotificationConsole;
sap.ui.model.json.JSONModel.extend("EAM_Notification_Console", {
    CreateNotificationConsole:function(){
        oEnterpriseAsset_NotificationConsole = this;
            var oTable = new sap.ui.table.Table({
            //title: "Table Example",
            visibleRowCount: 7,
            firstVisibleRow: 3,
            selectionMode: sap.ui.table.SelectionMode.Single,
        /*    toolbar: new sap.ui.commons.Toolbar({items: [
                new sap.ui.commons.Button({text: "Button in the Toolbar", press: function() { alert("Button pressed!"); }})
            extension: [
                new sap.ui.commons.Button({text: "Button in the Extension Area", press: function() { alert("Button pressed!"); }})
        }).addStyleClass("tableform");;
        oTable.addColumn(new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: "Notification"}),
        template: new sap.ui.commons.Link().bindProperty("text", "notificationNo").bindProperty("href", "href",
                function(aValue)
        //    sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            width: "200px"
        oTable.addColumn(new sap.ui.table.Column({
            label: new sap.ui.commons.Label({text: "Description"}),
            template: new sap.ui.commons.Link().bindProperty("text", "description").bindProperty("href", "href"),
            //sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            //width: "200px"
        var oModel = new sap.ui.model.json.JSONModel();
        oModel.setData({modelData: aData});
        oTable.setModel(oModel);
        oTable.bindRows("/modelData");
    var idForTable= "DimTable"
        //alert("id of tbale " + idForTable);
        var htmlOutput = '<table id=' + idForTable + ' name="DimTab" style="border: 1px solid black;margin-left:15px;" cellpadding=6 cellspacing=0><tr style="background-color:#E5E5E5"><td><b>Dimension</b></td><td><b>Value</b></td></tr>';
        for(var i=0;i<aData.length;i++)
         alert(aData[i].notificationNo);
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Contract No</td><td>'+ aData[i].notificationNo+'</td></tr>';
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Unit No</td><td>'+ aData[i].description+'</td></tr>';
        htmlOutput += '</table>';
         var html2 = new sap.ui.core.HTML({
             // static content
             //content : "<div style='position:relative;background-color:white;'>Weather</div><script src='//www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/builtin_weather.xml&synd=open&w=320&h=200&title=__MSG_weather_title__&lang=en&country=ALL&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js'></script>",
        content : htmlOutput,
              //2 wrkng sydney content : '<div id="cont_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><div id="spa_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><a id="a_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx" href="http://www.weather-wherever.co.uk/australia/sydney_v37463/" target="_blank" style="color:#333;text-decoration:none;">Weather forecast</a> © weather</div><script type="text/javascript" src="http://widget.weather-wherever.co.uk/js/Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"></script></div>',
              //content : '<div style="margin-left:-10px;margin-top:10px;width:100%;"><LINK rel="StyleSheet" href="http://weatherandtime.net/new_wid/w_5/style.css" type="text/css" media="screen"><div class="ww_5" id="ww_5_2119"><div class="l_b"></div><div class="c_b"><div class="day" id="d_0"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_1"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_2"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="cl"></div><div class="links"><a target="_blank" title="Pune Weather forecast" href="http://weatherandtime.net/en/Asia/India/Pune-weather.html">Pune Weather forecast</a><br><a style="font-size:12px !important;color:#12A0D7 !important;text-decoration:none !important;" href="http://weatherandtime.net/en/widgets-gallery.html" title="weather"></a></div></div><div class="r_b"></div></div><script type="text/javascript" src="http://weatherandtime.net/w_5.js?city=2119&lang=en&type=2&day=3"></script></div>',
          // initially behaves the same as Sample 1
             preferDOM : false,
             // use the afterRendering event for 2 purposes
    return     oTable;
/* In the screen shot as u can see.. I have to highlight the table cell in green color and red color for ordered and unordered status(which is binded to a json data) respectively....anyone please help??

Hi Abhi,
               Check this link it may helpHow I made highlight of specific values in Table

How to enable a table cell dynamically?

Hi
I have a javafx TableView with editable and non-editable columns. I have set editable columns CellFactory to a custom EditableTextCell.This makes the whole column editable on load of the Scene.
I have one more requirement for the same table. I have to make the table cell editable at runtime based on a flag in item mapped to tablerow. Only a single row cell should get editable not all the cells in column. How to do that? Please suggest.

Perhaps something like this
create or replace view v_myview
as
select id, name, 'table1' as tbl_nm from table1
union all
select id, name, 'table2' from table2
union all
select id, name, 'table3' from table3
union all
select id, name, 'table4' from table4
select name
from v_myview
where id = 101
and tbl_nm = :P101_TABLE_NAME;

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 to create a table cell occupy more than one row using PDF.

Hi,
I want create a pdf report,which contains a table cell occupied more than one line.
just like html language: <rowspan = 2>
merge cells in one row is allowed,we can use merge cells command(like colspan in html).
but how to mege cells in one column?

Hi,
I want create a pdf report,which contains a table cell occupied more than one line.
just like html language: <rowspan = 2>
merge cells in one row is allowed,we can use merge cells command(like colspan in html).
but how to mege cells in one column?

How to link two tables?

Hello,
I'm trying to create invoices with Pages, but my question is how can I link two tables in one Pages document?
Or having two Header Rows with some 'normal' rows between would also be great. (even better)
I'm trying to calculate my subtotal etc. below my overview of articles.
Thanks in advance!
Andy

(1) no way to link two tables in Pages.
(2) you may have several header rows, several footer rows but you can't have standard rows between header (or footer) ones.
You may achieve what you describe without the asked feature.
Use correct ranges and you will be able to calculate subtotals.
Yvan KOENIG (VALLAURIS, France) lundi 28 décembre 2009 19:02:38

How to listener a table cell

I have this table cell editable and I want to listen when value changes (to update the database data) but I am not being able to do that, any help?
I also would like to activate the new cell value with ENTER key, the way it is now I have to get ou of the cell clicking outside somewhere or using TAB key to move.
I am using these tow classes to Editor and Renderer (for numbers):
import java.awt.*;
import java.text.*;
import javax.swing.table.*;
import javax.swing.*;
public class DecimalRenderer extends DefaultTableCellRenderer {
    DecimalFormat formatter;
    public DecimalRenderer(String pattern) {
        this(new DecimalFormat(pattern));
    public DecimalRenderer(DecimalFormat formatter) {
        this.formatter = formatter;
        setHorizontalAlignment(JLabel.RIGHT);
    public void setValue(Object value) {
        setText((value == null) ? "" : formatter.format(((Double)value).doubleValue()));
    public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
        Component cell = super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
        cell.setBackground( Color.white );
        cell.setForeground( Color.black );
        return cell;
import java.awt.*;
import javax.swing.table.*;
import javax.swing.*;
public class NumberCellEditor extends AbstractCellEditor implements TableCellEditor {
    //protected JTextField textField;
    protected JFormattedTextField textField;
    private JTable tableUsed;
    protected Object oldValue;
    public NumberCellEditor() {
        textField = new JFormattedTextField();
        textField.setEditable(true);
        textField.setHorizontalAlignment(SwingConstants.RIGHT);
        textField.setFont(new java.awt.Font("Tahoma", 1, 12));
        textField.setBackground(Color.white);
        textField.setForeground(Color.red);
    public NumberCellEditor(int decimal) {
        textField = new JFormattedTextField();
        textField.setEditable(true);
        textField.setHorizontalAlignment(SwingConstants.RIGHT);
        textField.setBackground(Color.white);
        textField.setForeground(Color.red);
        textField.setFormatterFactory(Lib.setFormatDouble(decimal));
        public NumberCellEditor(boolean currency, int decimal) {
        textField = new JFormattedTextField();
        textField.setEditable(true);
        textField.setHorizontalAlignment(SwingConstants.RIGHT);
        textField.setBackground(Color.white);
        textField.setForeground(Color.red);
        textField.setFormatterFactory(Lib.setCurrencyFormat(decimal));
    private void setConfig(){
        textField.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                if(tableUsed.isEditing()){
                    tableUsed.getCellEditor().stopCellEditing();
    public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected, int row, int column) {
        //textField.setText(value.toString());
        textField.setValue(value);
        oldValue = value;
        this.tableUsed = table;
        String className = value.getClass().getName();
        System.out.println("Type: "+className);
        return textField;
    /** Returns the value contained in the editor */
    public Object getCellEditorValue() {
        String name = oldValue.getClass().getName();
        Object returnValue=null;
        try {
            if (name.equals("java.lang.Integer"))
                returnValue = new java.lang.Integer(textField.getText());
            else if (name.equals("java.lang.Double"))
                returnValue = (Double)textField.getValue(); //new java.lang.Double(textField.getText());
            else if (name.equals("java.lang.Float"))
                returnValue = new java.lang.Float(textField.getText());
            else if (name.equals("java.lang.Long"))
                returnValue = new java.lang.Long(textField.getText());
            else if (name.equals("java.lang.Short"))
                returnValue = new java.lang.Short(textField.getText());
            else if (name.equals("java.lang.Byte"))
                returnValue = new java.lang.Byte(textField.getText());
            else if (name.equals("java.math.BigDecimal"))
                returnValue = new java.math.BigDecimal(textField.getText());
            else if (name.equals("java.math.BigInteger"))
                returnValue = new java.math.BigInteger(textField.getText());
        } catch (NumberFormatException e) {}
        return returnValue;
}My code to that column/cell:
TableColumn columnValueService = tabelaListaQuantidade.getColumn(colunas[4]);
columnValueService.setPreferredWidth(150);
columnValueService.setCellRenderer(new DecimalRenderer("###,###,##0.00"));
columnValueService.setCellEditor(new NumberCellEditor(true, 2));I would appreciate any help.
Thanks

I want to listen when value changes Use a TableModelListener
I also would like to activate the new cell value with ENTER keyThis is the default behaviour with the default editors. I suggest you extend the default editor instead of extending the abstract editor

JavaFX2.2 TableView:How to make a table cell be edited without mouse click?

Hi,
I've encounter a problem with editable table cells. I'm using the TableView in my project just as the Tutorial on Oracle (http://docs.oracle.com/javafx/2/ui_controls/table-view.htm).
According to it, I use the setCellFactory method to reimplement the table cell as a text field with the help of the TextFieldTableCell class. However, I found the steps is a little complex to get to the point where the cell can be edited:
1.Let the table cell be selected by using direction key.
2.Press “Enter” to converts the cell to a text filed so that it is ready to be edited.
3.Clicking in the text field allows the contents to be edited
The problem is step 3, that you must use the mouse to click before you can input data in this table cell.
So, is there a solution to avoid step 3? That is the text field allows the data inputting when you just press “Enter”(step 2).
By the way, English is not my native language. Hope I have made myself clear.

Hi,
You need to pass the focus to the text field when the startEditing event occurs. In the class that extends TableCell you use for cellFactory:
public void startEdit() {
super.startEdit();
createTextField();
setText(null);
setGraphic(textField);
* put focus on the textfield so user can directly typed on it
Runnable r = new Runnable() {
@Override
public void run() {
getGraphic().requestFocus();
Platform.runLater(r);
}

How to apply a table cell style based on grep search?

Anyone that know how to make a script that searches in an Indesign table for
-> All cells where the text starts with "Banana"
-> And apply cell style "Yellow" to these cells?
I have been searching on forums for somedays and got this tip: https://github.com/seuzo/regex_cellstyle/blob/master/regex_cellstyle.jsx
-> But that script is in japanese and also use dialogs.
All help most appriciated!

Hi Frankeman,
Please try the below code, may it should be helpful:
var myDoc = app.activeDocument
app.findTextPreferences = app.changeTextPreferences = null
app.findTextPreferences.findWhat = "Banana"
var myFound = myDoc.findText()
for(i=0; i<myFound.length; i++)
if(myFound[i].parent.constructor.name == "Cell")
myFound[i].parent.appliedCellStyle = "Yellow"
Suppose the code is working fine for you, then please click correct answers.
thanks
Beginner_X

How do with change table cells from staticText1 to button1 in run time?

I have two question:
first: I think change table's cells from staticText to button in run time?
how do?
second: I think change table column's order in run time?how do?
ex:
=============change before===========
name age
wtu 22
=============chnage after=============
age name
22 wtu
thanks

Try something like this:
1. Drop a Table. By default it has three columns.
2. Drop a button inside the third column. Set its id property to buttonInColumn3, and set its rendered property to false.
3. Drop another button, this time outside the table. Set its id property to buttonOutsideTable.
4. Double-click the buttonOutsideTable and make the method look as follows:
public String buttonOutsideTable_action() {
//switch the first two columns
List cols = tableRowGroup1.getChildren();
Object col = cols.remove(0);
cols.add(1, col);
//toggle between showing staticText3 and buttonInColumn3 (in the third column)
staticText3.setRendered(!staticText3.isRendered());
buttonInColumn3.setRendered(!buttonInColumn3.isRendered());
return null;
5. Run the application and click the button outside the table several times.

How to link from table RA_CUST_TRX_LINE_GL_DIST_ALL to GL?

Hi,
How do we link (something like GL_SL_LINK_ID, SOURCE_TABLE) from
RA_CUST_TRX_LINE_GL_DIST_ALL to GL tables?
Thanks.

hi,
you will have posting control id
the posting control id is the binding key for GL and AR related Tables.
1. Ra_cust_trx_line_gl_dist_all
2. ar_cash_receipt_history_all
3. ar_receivable_applications_all
4. ar_adjustments_all.
Hope this will clarify your question.

Table numbering confusion and how to link to tables in a book/document?

More questions :-(
Table numbering confusion...
I'm porting over (from MS Word) a document that has a bunch of tables in it.
The document currently looks something like this:
1 Major heading
1.1 Sub heading
text for that sub heading that refers to a table that follows (or may preceed) such as see Table 1-1 that follows
Table 1-1
Row 1/Column 1 content   Column 2 content   Column 3 content
Row 2/Column 1 content   etc....            etc.
Row 3                    etc.               etc.
1.2 Next sub heading
Text to follow that sub head that references Table 1-2 below...
Table 1-2
Row 1/Column 1 content   Column 2 content   Column 3 content
Row 2/Column 1 content   etc....            etc.
Row 3                    etc.               etc.
2 Major heading
2.1 Next sub heading
Text to follow that sub head that references Table 2-1 below...
Table 2-1
Row 1/Column 1 content   Column 2 content   Column 3 content
Row 2/Column 1 content   etc....            etc.
Row 3                    etc.               etc.
3 Major heading
3.1 Next sub heading
etc.
Hopefully that makes sense.
Currently it seems that the tables are numbered based on the chapter number with the chapter apparently being set at 2.
I need the tables to instead use numbering based on the heading (Titles) numbers, but can't seem to figure out how to get the numbers set for the tables as I would want them to be.
What do I need to do to make the table numbers reset based on the paragraph numbers (subchapters if you would refer to them that way...)
Thanks again!

What is the paragraph format of "Table 2-1" lines?
Table numbering is commonly controlled by two things:
1. Format > Paragraph > Paragraph Designer
[table title para name]
[ Numbering]
and
2. Format > Document > Numbering
The default in Frame is that tables have titles of para fmt "TableTitle", but tables can switch that off, and also be anchored to paragraphs (often Headings) of any arbitrary format name and numbering scheme.

How to link LIPS table to VBPA table in infoset

I have created an infoset z_shipping using logical database 'vfv'. when i try to add table lips into vbpa i have found that the system is selecting single * from lips where vbelm and posnr field automatically. Is there anyway where I can select LIPS kdauf and kdpos?
its very urgent.
Azaad.

U can link LIPS and VBAP in the following way.
Lips-VGBEL = Vbap-vbeln
Lips-VGPOS = Vbap-posnr.
Let me know if it is not clear.
Regards

How to link a table cell?

Similar Messages

Maybe you are looking for