COLOUR TABLE CELLS

Hello,
I'm relatively new to the Contribute system, so apologies if
this topic has already been raised and answered (though I couldn't
find anything by searching).
I'm creating a website for a new client and they want an
editable calendar which I've created using a table with multiple
cells - a link here...
http://www.villapomba.com/test/availability_08.html
- How can I set up Contribute so that my client can colour the
cells as dates become booked?
I would appreciate any help.
Many thanks in advance.

1. start Contribute, connect
2. go to the page, Edit Page
3. place your cursor in the cell where the background color
has to change
4. right mouse click, choose Table Cell properties

Similar Messages

How to change the colour of the table cell editor on some condition?

Hi all,
I have a requirment acco which i need to make the colour of the tableceleditor ias RED and font color white when the data in that is < 0.please tell me how is this possible and its urgent..
regards
Sharan

If you are using release NW04 and have a TextView as table cell editor, you can do this:
Add a calculated attribute "Color" of DDIC type "com.sap.ide.webdynpro.uielementdefinitions.TextViewSemanticColor" under the data source node of the table.
Bind the "semanticColor" of the cell editor to this context attribute.
Implement the get-method for the calc. attribute like this
WDTextViewSemanticColor get<DataSourceNode>Color(I<DataSourceNode>Element element)
return element.getValue() < 0 ? WDTextViewSemanticColor.NEGATIVE : WDTextViewSemanticColor.STANDARD;
Armin

How to change the colour of a table cell boder?

I have just changed from Dreamweaver MX t CS5 and cannot find how to add a colour to the borders of a table and table cells. In the old MX it was easy just selected the colour for border in properties but in CS5 this option is not availble. Have tried formatting with CSS but this only colurs the outer boarder can anyone help?

Not sure what you mean by a custom class would it be possible to give me an example?

Find/change colour tint in table cell

Hi everyone,
I have a document containing a heap of tables. The tables currently have a tint of 15% black in some of the rows and I need to change this to 5% black. I also need to change the stroke weight from 0.5pt to 0.3pt.
Since there are so many of them, I wondered if there was a way to do this with find and change. The tables aren't objects - they're just regular tables inserted into the text frames.
Appreciate any help.
Thanks

Sorry to come back to this post but I'm still trying to figure out how to adapt the script suggested at this link: http://forums.adobe.com/thread/681944
I'm assuming I need to swap out some values but how would I adapt it so that it looks for table cells coloured with 20% black and changes them to 10% black.
As mentioned previously, my javascript knowledge is limited so I'd need some guidance.
Any further advice appreciated.

Background to change colour of table cell?

I have my buttons that change the backgrou color on hover but
they dont do
the full table cell only around the text.
How would i get it to fill the cell?. Ive tried differnt
padding options
but non work.
.buttons a:hover {
background-color: #CC3333;
display: block;
TIA

Mike wrote:
> I have my buttons that change the backgrou color on
hover but they dont do
> the full table cell only around the text.
>
> How would i get it to fill the cell?. Ive tried differnt
padding options
> but non work.
>
> .buttons a:hover {
> background-color: #CC3333;
> display: block;
>
Then you have your code set up incorrectly because the css
that you have
provided should work.
Can you provide a link to the page in question or supply the
full
code/css of the table in which these links are inserted.

Highlighting text in a table cell

Im trying to get text in a table have it background shaded a different colour to the rest of the table cell but it doesnt work. No exceptions are thrown does anyone have any idea.
public Component getTableCellRendererComponent(JTable table,
        Object value,
        boolean isSelected,
        boolean hasFocus,
        int row,
        int column)
        setFont(table.getFont());
        this.setText(value));
        this.selectAll();
        this.setSelectionColor(new Color(0,0,255,100);
        return this;
    }

The answer is similar to what someone else asked recently for highlighting text in a JFormattedTextField cell.
class MyFocusListener extends FocusAdapter
public void focusGained(FocusEvent e)
SwingUtilities.invokeLater(new Runnable()
public void run()
selectAll();
Put that in your cell editor or its base class. You can change the color or whatever you want. I think the problem is a timing thing where normal focus processing is interrupting your changes. So give the focus processing time to run with this Runnable triggering your processing to occur on the Awt thread (as is proper) after the system is doing whatever it wants to do. Let us know if it works for you.

Table cell background color in PDF

I have a requirement to generate a PDF from a stoplight report.
The stoplight report colors were implemented by setting the background color in table cells
via css (background-color: red;). Its working in the browser but when I generate a pdf the cells show up with grey backgrounds. How can I generate a pdf with the correct colors?
Thanks for your help.
I'm using Apex 3.1 and pdf generation functionality that comes with Apex. I don't have BI Publisher.

Hi David.
At this time you don't get WYSIWYG reports in PDF.
You're limited to the Column Colour settings you can specify in the Print Attributes of the report region but these would apply to all columns in the report and would not be dynamic.
This may be something that is addressed in a future version of APEX.
If anyone else knows different, feel free to chip in.
Regards
Simon

How can I save semi opaque background fill in a pages table cells?

I am trying to add background colour fill to some cells of a table. Solid, 100% fill is easy, but when I slide the opacity slider in the colours window and add to a cell, the new colour can be added to the table cell, but only saves as the full 100% colour in the saved document. I save the Pages document as a Word document. Thanks for any help.
George

How does it work if you save the document as the native .pages format? A lot of Pages features doesn't convert well to Word, or vice versa. Don't expect Pages to be a cheap Word substitute.
I can't check out what you are describing as I don't have Word.
Tip: Always save first as .pages, then you can EXPORT to another format. PDF is better format to retain what you have acheived in Pages.

How to colour a cell in alv's

hi experts ,
any one tell me how to colour a cell in alve. give me some sample code.
reward points.......

Hi
Fareeda
this is w2ht the code example u asked
if u found it helpfull plzz reward
TABLES:LFA1.
SELECT-OPTIONS:LIFNR FOR LFA1-LIFNR.
DATA:BEGIN OF ITAB OCCURS 0,
LIFNR LIKE LFA1-LIFNR,
NAME1 LIKE LFA1-NAME1,
LAND1 LIKE LFA1-LAND1,
ORT01 LIKE LFA1-ORT01,
REGIO LIKE LFA1-REGIO,
SORTL LIKE LFA1-SORTL,
CFIELD(4) TYPE C,
END OF ITAB.
data:col(4).
data:num value '1'.
SELECT * FROM LFA1 INTO CORRESPONDING FIELDS OF TABLE ITAB WHERE LIFNR
IN LIFNR.
LOOP AT ITAB.
concatenate 'C' num '10' into col .
ITAB-CFIELD = col.
num = num + 1.
if num = '8'.
num = '1'.
endif.
MODIFY ITAB.
ENDLOOP.
TYPE-POOLS:SLIS.
DATA:FCAT TYPE SLIS_T_FIELDCAT_ALV.
DATA:LAYOUT TYPE SLIS_LAYOUT_ALV.
DATA:SORT TYPE slis_t_sortinfo_alv WITH HEADER LINE.
DATA:EVE TYPE SLIS_T_EVENT WITH HEADER LINE.
LAYOUT-COLWIDTH_OPTIMIZE = 'X'.
LAYOUT-WINDOW_TITLEBAR = 'VENDORS DETAILS SCREEN'.
LAYOUT-EDIT = 'X'.
LAYOUT-info_fieldname = 'CFIELD'.
CALL FUNCTION 'REUSE_ALV_FIELDCATALOG_MERGE'
EXPORTING
I_PROGRAM_NAME = SY-REPID
I_INTERNAL_TABNAME = 'ITAB'
I_INCLNAME = SY-REPID
CHANGING
CT_FIELDCAT = FCAT.
CALL FUNCTION 'REUSE_ALV_LIST_DISPLAY'
EXPORTING
I_CALLBACK_PROGRAM = SY-REPID
IS_LAYOUT = LAYOUT
IT_FIELDCAT = FCAT
TABLES
T_OUTTAB = ITAB.
this is for coloring cols
REPORT ZBHCOLOR_COLS.
TABLES:LFA1.
SELECT-OPTIONS:C_LIFNR FOR LFA1-LIFNR. " FOR GRID ONLY
PARAMETERS:LIST RADIOBUTTON GROUP ALV DEFAULT 'X',
GRID RADIOBUTTON GROUP ALV.
DATA:BEGIN OF ITAB OCCURS 0,
LIFNR LIKE LFA1-LIFNR,
NAME1 LIKE LFA1-NAME1,
LAND1 LIKE LFA1-LAND1,
ORT01 LIKE LFA1-ORT01,
SORTL LIKE LFA1-SORTL,
REGIO LIKE LFA1-REGIO,
COL TYPE LVC_T_SCOL,
END OF ITAB.
DATA:COLR TYPE LVC_S_SCOL.
SELECT * FROM LFA1 INTO CORRESPONDING FIELDS OF TABLE ITAB.
LOOP AT ITAB.
IF ITAB-LIFNR IN C_LIFNR.
COLR-FNAME = 'NAME1'.
COLR-COLOR-COL = '5'.
COLR-COLOR-INT = '1'.
COLR-COLOR-INV = '0'.
COLR-NOKEYCOL = 'X'.
APPEND COLR TO ITAB-COL.
COLR-FNAME = 'LIFNR'.
APPEND COLR TO ITAB-COL.
MODIFY ITAB.
ENDIF.
ENDLOOP.
TYPE-POOLS:SLIS.
DATA:FCAT TYPE SLIS_T_FIELDCAT_ALV.
DATA:LAYOUT TYPE SLIS_LAYOUT_ALV.
LAYOUT-ZEBRA = 'X'.
layout-coltab_fieldname = 'COL'.
CALL FUNCTION 'REUSE_ALV_FIELDCATALOG_MERGE'
EXPORTING
I_PROGRAM_NAME = SY-REPID
I_INTERNAL_TABNAME = 'ITAB'
I_INCLNAME = SY-REPID
CHANGING
CT_FIELDCAT = FCAT.
IF LIST = 'X'.
CALL FUNCTION 'REUSE_ALV_LIST_DISPLAY'
EXPORTING
I_CALLBACK_PROGRAM = SY-REPID
IS_LAYOUT = LAYOUT
IT_FIELDCAT = FCAT
TABLES
T_OUTTAB = ITAB.
ELSEIF GRID = 'X'.
CALL FUNCTION 'REUSE_ALV_GRID_DISPLAY'
EXPORTING
I_CALLBACK_PROGRAM = SY-REPID
IS_LAYOUT = LAYOUT
IT_FIELDCAT = FCAT
TABLES
T_OUTTAB = ITAB.
ENDIF.
Plzzz dont forget to reward

Access table cells

Hello,
Could someone please help me understand how to access table cells (in report)? I have a report with a table populated from a channel. It shows, in one column, a list of names (which come from a channel). I have another channel with a list of colors and I want to associate each name in the table with a color from this second channel. I have tried without success to even access a cell using D2TabRow and D2TabCol and display the contents....
Any help is appreciated
Thanks
Solved!
Go to Solution.

Hi Edna-S,
Thanks again for the help, but I am stuck at a very basic level. if I can get past that, the rest will work for me. Rather than using channels, I would like to reference elements in a table using the table row and column.
I found the script below in a previous post. Using it, I can create a two column table in Report. I added a little bit to the script and I can also change the font colour for the headers or a column.
But, I cannot figure out how to reference just one cell. If for example, I wanted to change the font colour for the third cell in the second column only, what commands should I use? In other words is there some equivalent of A= chT (row, channel) for use with tables where I could give the cell reference (row,col) and have the entry stored (A) in that cell returned?
Many Thanks!
Dim Length, Ch1, Ch2, GroupIdx
Length = 8
GroupIdx = GetCreateGroup("New Group")
Ch1 = GetCreateChannel(GroupIdx, "New Channel 1", Length)
Ch2 = GetCreateChannel(GroupIdx, "New Channel 2", Length)
For i = 1 to Length
   ChDX(i, Ch1) = i
   ChDX(i, Ch2) = i+5
Next
Call PicLoad("C:\DiademExercises\Table_test2.TDR")
Call GraphSheetShow("Property_table")
Call GRAPHObjOpen("2DTable1")
D2TABDATATYPE(1) = "Channel"
D2TABCHNNAME(1) = "[" & GroupIdx & "]/" & ChnName(Ch1)
D2TABDATATYPE(2) = "Channel"
D2TABCHNNAME(2) = "[" & GroupIdx & "]/" & ChnName(Ch2)
Call GRAPHObjClose("2DTable1")
Call PicUpdate
'******* GetCreateGroup() ***                                     *** NEW Function ***
Function GetCreateGroup(GroupNameStr)
Dim ResultsGroupIdx
ResultsGroupIdx = GroupIndexGet(GroupNameStr)
IF ResultsGroupIdx = 0 THEN
    Call GroupCreate(GroupNameStr)
    ResultsGroupIdx = GroupCount
END IF
Call GroupDefaultSet(ResultsGroupIdx)
GetCreateGroup = ResultsGroupIdx
End Function ' GetCreateGroup()
'******* GetCreateChannel() ***                                   *** NEW Function ***
Function GetCreateChannel(GroupIdx, ChanName, ChanLength)
Dim ResultChanNum, ChanIdx
ResultChanNum = CNo("[" & GroupIdx & "]/" & ChanName)
IF ResultChanNum = 0 THEN
    ChanIdx = GroupChnCount(GroupIdx) + 1
    Call ChnAlloc(ChanName, ChanLength, 1, DataTypeFloat64, "Numeric", GroupIdx, ChanIdx)
    ResultChanNum = CNoXGet(GroupIdx, ChanIdx)
END IF
ChnLength(ResultChanNum) = ChanLength
GetCreateChannel = ResultChanNum
End Function ' GetCreateChannel()
Call GRAPHObjOpen("2DTable1")
D2TabNumColor(2) = "red" 'Changes font in column2 to red
D2TabTxtColor = "blue" 'Puts the header text blue in colour
Call GRAPHObjClose("2DTable1")
Call PicUpdate

Problem updating table Cell display

Hi, any ideas about this problem would be very much appreciated Ive had it for 6 months but have been unable to get to the bottom of it.
I have an application which contains a JSplitPane with two tables , when the application starts both tables contain the same data. The 1st table is a read view, the bottom display is an edit view. When I make a change to a table cell in the bottom view it changes colour and the corresponding cell in the top view also changes it colour (bit not value) to indicate that the cell has been edited.
The problem is that the top cell only changes colour if the top cell as displayed is large enough to show the complete value. If i then click on the cell in the top view it will correctly change colour. If I move the columns in the top pane about a bit, all subsequent modifications in the bottom pane will correctly change the cell colour in the top pane !
(My renderer extends JPanel rather than JLabel.)

Make sure you fire the appropriate fireTableCellUpdated() method from both TableModel's so that the view knows to redraw that cell. Ideally, both of your tables would share the same table model, but only one would allow editing. You could accomplish that by putting a facade table model over top the real table model that just overrode the isEditable method to reutrn false always, and all other methods would pass through to the real model. That way as changes were made to the table model (no matter who made the change), the views would stay in sync because they were based on the same model, getting all the same events, etc.

Can i do an invisible link in a table cell

Hi people, can anyone help.
i need to create an invisible link in a table .
i was originally using a photoshop image as my web page and
placing links on it using an image map. Giving me links hovering
over glowwing text in the original photo to take me to other pages.
Now i have changed my ways and placed the image in a layout
table and used style sheets and cells to position, add video and
links in cells in the table, with the old image now being
background for the table.
i still want to use the photoshop background images' glowing
text to link to aswell as my other video and text links but cannot
trigger the image map as the glowing text is not a foreground image
therefore has nothing to link to.
Adding a table cell around the section i want to link , i
need to place an invisible image in the cell giving something to
link to, which would give the appearence of linking to the the
background glow text, i cant fill a box with same colour text to
look invisible because the background image is too complex. And i
can't mimick my cool glow text in dreamweaver, so
what can i do.? Link to anchors on other pages ? Invisible
link in cell ?
Really appreciate your help !
Thanks

You can add a transparent gif - create a 1x1px clear.gif, and
then size
it any size you want in your table cell. Add a link to that
gif.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Can InCopy user apply colours to cells?

Can InCopy user apply colours to cells - or only apply predefined cellstyles?
The anouncement in top of this forum (that InCopy CS5 may loose changes in asignments) has been fixed - hasn't it?
Regards Nina Storm

Thanks Bob - but I set up a report in InDesign CS5 and wants to format the tables the best way.
Can the InCopy user use the swatches to format cells too - I simply don't know, or can they only use predefined styles?
:-) Nina Storm

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

Looping table cells....... is it possible to loop more than one table cell?

Hi there
Hope everyone is doing well
I have been using the addt looper wizard and it works great.....
I usually put all the things I want to loop into one cell.... then select all the things and apply the looper.... which works fine....
But..... it is hard to align all the elements I want to loop
I have been using transparent gif images to space the loops evenly but when I space dynamic taxt on top of each other there is a large gap.....
It is a nightmare to get it looking even
Ok say I want to loop this.....
A thumbnail
Product ID
Price
It would look like this
A thumbnail
Product ID
Price
Because I cannot reduce the space between the lines......
So I would like to place all the different elements in separate table cells and loop them..... I have tried and get really strange results....
When you look at most online shops, their product pages have a thumbnail image the id, price, description, etc.... all spaced evenly.... and looks like is looped...... So.... how do I do it?
Is there any easier way to align the things I want to loop?
Any help would be great

Hi there
I seem to have figured out how to loop cells....
Should have thought of it earliar but anyway
Was easy....
Just create a looped (repeat) region and insert a table into the region and edit the table to align all the looped elements easily....
Cool

COLOUR TABLE CELLS

Similar Messages

Maybe you are looking for