Inconsistency in table cell design binding

Hi All,
I have a strange issue. I have a table in which i am coloring the cells based on certain condition. Upon execution of a method , the color should change.
However color changes sometimes and sometimes it does not happen. For the times it doesn't not happen, the changes take effect after i refresh the window.
I have debugged and checked, the data is being populated properly and binding is also done.
Your help is appreciated.
Thanks,
Pris.

Hi,
Check ahve you follow same or not..
Create one attribute of type WDUI_TABLE_CELL_DESIGN and bind this table column celldesign property.
Based on condition you want design cell color..
code like this... i am using dropdown in one column, based on value select in this i am coloring cell.
DATA lo_nd_segment1 TYPE REF TO if_wd_context_node.
  DATA lo_el_segment1 TYPE REF TO if_wd_context_element.
  DATA ls_segment1 TYPE wd_this->Element_segment1.
  data lt_segment1 type wd_this->elements_segment1.
  DATA lv_segment TYPE wd_this->Element_segment1-segment.
  data lr_column type ref to cl_wd_table_column.
* navigate from <CONTEXT> to <SEGMENT1> via lead selection
  lo_nd_segment1 = wd_context->get_child_node( name = wd_this->wdctx_segment1 ).
* get element via lead selection
  lo_el_segment1 = lo_nd_segment1->get_element( ).
  lo_el_segment1 = WDEVENT->GET_CONTEXT_ELEMENT( 'CONTEXT_ELEMENT' ).
* get all declared attributes
  lo_el_segment1->get_static_attributes(
    IMPORTING
      static_attributes = ls_segment1 ).
  DATA : lv_dropdown type string .
  data desnval type WDUI_TABLE_CELL_DESIGN.
lv_dropdown =  ls_segment1-segment.
  if lv_dropdown = 1.
    desnval = cl_wd_table_column=>e_cell_design-badvalue_medium.
  endif.
  if lv_dropdown = 2.
    desnval = cl_wd_table_column=>e_cell_design-criticalvalue_medium.
  endif.
  if lv_dropdown = 3.
    desnval = cl_wd_table_column=>e_cell_design-key_medium.
  endif.
Cheers,
Kris.

Similar Messages

  • Line Binding with table Cell issue

    Hello,
    In my application I need to map data from one table to another table. please see snap from below link
    http://www.pixhost.org/show/3449/12902612_column-linking.png
    if you see the snap you will come to know that I have Map Name "Pankti" from Left Table to Name "Isabella" from right Table.
    I have used my custom tableView Control.
    I have Bind Line cordinates as below
    line.startXProperty().bind(lefttb.widthProperty().add(lefttb.layoutXProperty()));
    line.startYProperty().bind(lefttb.lastcell.getTableRow().layoutYProperty().add(lefttb.lastcell.getTableRow().heightProperty().add(lefttb.lastcell.getTableRow().heightProperty().add(-12))));
    line.endXProperty().bind(righttb.layoutXProperty());
    line.endYProperty().bind(righttb.lastcell.getTableRow().layoutYProperty().add(righttb.lastcell.getTableRow().heightProperty().add(righttb.lastcell.getTableRow().heightProperty().add( -12))));
    Here lefftb = LeftTableView
    righttb = RightTableView
    lastcell is a selected cell of tableview
    I have added these control in Group Container.
    MyProblem is :
    When I scroll in any tableview then the relationship between data are lost and Line had start showing wrong relationship.
    in above example if i scrolled RightTableview then see the result from Below Links
    http://www.pixhost.org/show/3800/12903076_column-map1.png
    http://www.pixhost.org/show/3800/12903157_column-map2.png
    http://www.pixhost.org/show/1297/12903283_column-map3.png
    So what should i do so that my Line always show correct relationship??
    Please download my sample code from
    http://www.freefilehosting.net/columnmapsample
    or
    http://www.filefactory.com/file/4w3dpn0l27rj/n/ColumnMapSample.rar
    Thank You,
    Ronak

    Hi Roank ,
    I think your approach of mapping the table using TableCell is not correct because the tablecell is updated everytime you scroll,click and other events. Although I can't give you full guide but the algorithm must be something like this:
    + Use the index of table cell or item Object instead of using the tableCell.
    + The index of cell is get from cell.getIndex();
    Implementation
    + If the mapping is to be done then you must first save the index of two table in a Map<integer,integer> .
    + Now update the line of mapping only if the index matches in the cellfactory (during update of the table cell).
      Otherwise the line x,y must be set to the last known x,y position of that tablerow indexI think this way the things goes correctly. One thing to remember that tablecell is always updated.
    Thanks
    Narayan

  • How to change Table Cell Field Type Dynamically?

    Hi All,
    I am fetching some news data from backend DB and displaying them in a WD Table. Now one News Item may or may not have a URL behind it. If I find the URL as null then I want to display the news as simple TextView otherwise as LinkToUrl. How can I change this input type dynamically for each row in the runtime?
    If I use LinkToUrl all the time then the items which has URL as null gets displayed as normal text, but they are of very faint color and I can not change the text design. Whether if I user TextView I can set some text design like Header2, Header 3 etc.
    Can anybody please help with some code block? My main requirement is how to change the table cell input type dynamically.
    Thanks in Advance.
    Shubhadip

    Hi Shubhadip,
    This is the sample code for creating and adding a table cell editor table dynamically.
    public static void wdDoModifyView
    (IPrivateDynamicTableCreationView wdThis, IPrivateDynamicTableCreationView.IContextNode wdContext, com.sap.tc.webdynpro.progmodel.api.IWDView view, boolean firstTime)
    //@@begin wdDoModifyView
    /*** 1.Create Table **/
    IWDTable table =
    (IWDTable) view.createElement(IWDTable.class, "table1");
    table.setWidth("100%");
    table.setVisibleRowCount(data.length);
    /*** 2.Create nameColumn **/
    IWDTableColumn nameColumn =
    (IWDTableColumn) view.createElement(IWDTableColumn.class, "Name");
    IWDCaption colHeader =
    (IWDCaption) view.createElement(IWDCaption.class, "NameHeader");
    colHeader.setText("–¼‘O");
    nameColumn.setHeader(colHeader);
    IWDTextView nameViewer =
    (IWDTextView) view.createElement(IWDTextView.class, "NameViewer");
    nameViewer.bindText(nameAtt);
    IWDTableCellEditor editor = (IWDTableCellEditor) nameViewer;
    nameColumn.setTableCellEditor(editor);
    table.addColumn(nameColumn);
    IWDTableColumn nationalityColumn =
    (IWDTableColumn) view.createElement(
    IWDTableColumn.class,
    "Nationality");
    IWDTableCellEditor nationalityEditor =
    (IWDTableCellEditor) nationalityViewer;
    nationalityColumn.setTableCellEditor(nationalityEditor);
    table.addColumn(nationalityColumn);
    /** 3. Bind context to table **/
    table.bindDataSource(nodeInfo);
    //@@end
    Bala
    Kindly reward appropriate points.

  • Populating drop down list in a table cell-urgent

    Hi all
    I have a problem. I want to populate a dropdown list in a table cell. can anybody tell me the step by step procedure for that.
    I am doing it generally. not using R/3
    I am creating sub node like u have mentioned. I haven't done it using wizard.
    Is there any difference in the way we populate this list?
    My root node is expense. Inside that some value attributes are there. For the drop down list i've created a sub node 'extype'.
    I am getting error.
    it is:
    com.sap.tc.webdynpro.progmodel.context.ContextException: Node(EREmpHomeView.expense.extype): cannot bind or add elements because the node has no valid parent
    Following is the code i've written.
    IPrivateEREmpHomeView.IExtypeElement el;
              IPrivateEREmpHomeView.IExtypeNode nd=wdContext.nodeExpense().nodeExtype();
              el=wdContext.nodeExpense().nodeExtype().createExtypeElement();
              el.setEtype("Travel");
              nd.addElement(el);
    Sill i'm getting the same error
    Hi Nidhideep
    Error has gone with the code that Mr Anil has given. But there is no value in the List. Dropdown list is coming as a blank list.
    Thanks and Regards
    Aparnna
    Message was edited by:
            aparnna prasad

    hi
    Aparna try this code:
    1. Context description at design time:
    Value-Node "myNode", collection type=list, cardinality=0..n, selection=0..n
    and the attribute:
    Value attributes “myValue”, type="String".
    2. The corresponding Java source code example that you create in the wdDoInit method of the controller implementation:
    // The ISimpleTypeModifiable interface enables access to
    //a data type instance that can be modified at runtime:
    ISimpleTypeModifiable myType =
       wdThis.wdGetAPI().getContext.getModifiableTypeOf(“.myNode.myValue”);
    //Sets the label text for this data type.
    myType.setFieldLabel(“New label”)
    //Sets the valid values of this data type. The individual elements are inserted
    //when the put method is called and
    //and the value set is filled with the appropriate
    //key value pair.
    IModifiableSimpleValueSet values =
       getSVService().myType.getModifiableValueSet();
    values.put(“key_1”,”Mister”);
    values.put(“key_2”,”Mistress”);
    values.put(“key_3”,”Miss”);
    Regards
    Nidhideep

  • 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

  • Small issue with custom table cell editor and unwanted table row selection

    I'm using a custom table cell editor to display a JTree. Thing i notice is that when i select a value in the tree pop-up, the pop-up closes (as it should) but then every table row, from the editing row to the row behind the pop-up when i selected the value becomes highlighted. I'm thinking this is a focus issue, but it thought i took care of that. To clairfy, look at this: Before . Notice how the "Straightening" tree item is roughly above the "Stock Thickness" table row? When i select Straightening, this is what happens to my table: After .
    My TreeComboBox component:
    public class TreeComboBox extends JPanel implements MouseListener {
        private JTextField itemField;
        private TreeModel treeModel;
        private ArrayList<ActionListener> actionListeners = new ArrayList<ActionListener>();
        private Object selectedItem;
         * Creates a new <code>TreeComboBox</code> instance.
         * @param treeModel the tree model to be used in the drop-down selector.
        public TreeComboBox(TreeModel treeModel) {
            this(treeModel, null);
         * Creates a new <code>TreeComboBox</code> instance.
         * @param treeModel the tree model to be used in the drop-down selector.
         * @param selectedItem tree will expand and highlight this item.
        public TreeComboBox(TreeModel treeModel, Object selectedItem) {
            this.treeModel = treeModel;
            this.selectedItem = selectedItem;
            initComponents();
         * Returns the current drop-down tree model.
         * @return the current <code>TreeModel</code> instance.
        public TreeModel getTreeModel() {
            return treeModel;
         * Sets the tree model.
         * @param treeModel a <code>TreeModel</code> instance.
        public void setTreeModel(TreeModel treeModel) {
            this.treeModel = treeModel;
         * Returns the selected item from the drop-down selector.
         * @return the selected tree object.
        public Object getSelectedItem() {
            return selectedItem;
         * Sets the selected item in the drop-down selector.
         * @param selectedItem tree will expand and highlight this item.
        public void setSelectedItem(Object selectedItem) {
            this.selectedItem = selectedItem;
            String text = selectedItem != null ? selectedItem.toString() : "";
            itemField.setText(text);
            setToolTipText(text);
         * Overridden to enable/disable all child components.
         * @param enabled flat to enable or disable this component.
        public void setEnabled(boolean enabled) {
            itemField.setEnabled(enabled);
            super.setEnabled(enabled);
        public void addActionListener(ActionListener listener) {
            actionListeners.add(listener);
        public void removeActionListener(ActionListener listener) {
            actionListeners.remove(listener);
        // MouseListener implementation
        public void mouseClicked(MouseEvent e) {
        public void mouseEntered(MouseEvent e) {
        public void mouseExited(MouseEvent e) {
        public void mousePressed(MouseEvent e) {
        public void mouseReleased(MouseEvent e) {
            showPopup();
        private void initComponents() {
            setLayout(new GridBagLayout());
            itemField = new JTextField();
            itemField.setEditable(false);
            itemField.setText(selectedItem != null ? selectedItem.toString() : "");
            itemField.addMouseListener(this);
            add(itemField, new GridBagConstraints(0, 0, 1, 1, 1.0, 0.0,
                    GridBagConstraints.WEST, GridBagConstraints.HORIZONTAL, new Insets(0, 0, 0, 0), 0, 0));
        private void showPopup() {
            final TreePopup popup = new TreePopup();
            final TreeComboBox tcb = this;
            final int x = itemField.getX();
            final int y = itemField.getY() + itemField.getHeight();
            int width = itemField.getWidth() + popupButton.getWidth();
            Dimension prefSize = popup.getPreferredSize();
            prefSize.width = width;
            popup.setPreferredSize(prefSize);
            SwingUtilities.invokeLater(new Runnable() {
                public void run() {
                    popup.show(tcb, x, y);
                    popup.requestFocusInWindow();
        private void fireActionPerformed() {
            ActionEvent e = new ActionEvent(this, ActionEvent.ACTION_PERFORMED, "TreeComboBoxSelection");
            for (ActionListener listener : actionListeners) {
                listener.actionPerformed(e);
        private class TreePopup extends JPopupMenu {
            private JTree tree;
            private JScrollPane scrollPane;
            public TreePopup() {
                initComponents();
                initData();
            private void initData() {
                if (treeModel != null) {
                    tree.setModel(treeModel);
            private void initComponents() {
                setFocusable(true);
                setFocusCycleRoot(true);
                tree = new JTree();
                tree.setRootVisible(false);
                tree.setShowsRootHandles(true);
                tree.setFocusable(true);
                tree.setFocusCycleRoot(true);
                tree.addTreeSelectionListener(new TreeSelectionListener() {
                    public void valueChanged(TreeSelectionEvent e) {
                        tree_valueChanged(e);
                scrollPane = new JScrollPane(tree);
                add(scrollPane);
            private void tree_valueChanged(TreeSelectionEvent e) {
                DefaultMutableTreeNode node = (DefaultMutableTreeNode) tree.getLastSelectedPathComponent();
                setSelectedItem(node.getUserObject());
                fireActionPerformed();
                this.setVisible(false);
    }My TreeComboBoxTableCellEditor:
    public class TreeComboBoxTableCellEditor extends AbstractCellEditor implements TableCellEditor, ActionListener {
        protected TreeComboBox treeComboBox;
        protected ArrayList<CellEditorListener> cellEditorListeners = new ArrayList<CellEditorListener>();
        public TreeComboBoxTableCellEditor(TreeComboBox treeComboBox) {
            this.treeComboBox = treeComboBox;
            treeComboBox.addActionListener(this);
        public Object getCellEditorValue() {
            return treeComboBox.getSelectedItem();
        public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected, int row, int column) {
            treeComboBox.setSelectedItem(value);
            return treeComboBox;
        public void actionPerformed(ActionEvent e) {
            stopCellEditing();
    }Any thoughts?
    Edited by: MiseryMachine on Apr 3, 2008 1:21 PM
    Edited by: MiseryMachine on Apr 3, 2008 1:27 PM

    As I said, you have to have empty context elements before additional rows will be open for input.
    For instance if you want to start with 5 rows available for input do the following to your internal table that you will bind:
    data itab type standard table of sflight.
    do 5 times.
      append initial line to itab.
    enddo.
    context_node->bind_table( itab ).
    The other option if you need n number of rows is to add a button to the table toolbar for adding more rows. When this button is pressed, you add a new context element to the node - thereby creating a new empty row in the table.

  • PayPal buttons inside table scramble Design View in DW CS5.5

    I developed my web site using Dreamweaver 8:
    http://www.harmonize.com/hatleymusic/classic.html
    As  you see, I have PayPal buttons inside table cells.  I did this using  Design View, putting the insertion point in the table cell, going to  code view, and pasting the PayPal button code at the insertion point.   This all worked fine.
    I just upgraded to DW CS5.5. and now  when I try to use the same procedure, the Design View image gets  scrambled  after I paste the button code in code view.  The table format  is no longer in place, and I can no longer see where the cells of the  table are.  However, when I go to Live View, everything looks fine  including the table and the buttons.
    Can anyone tell me  how to overcome this problem?  As it stands, I cannot use DW to work on  my web site, which is a major problem for me.
    Thanks.

    How do I get someone to respond to my question here?
    Let me try again.
    With DW CS5.5 when I try to insert a PayPal button into a table (which I always did with DW8) the table in Design View gets scrambled, making it unusable.  Please would one of you out there who is much more knowledgeable about DW than me try it and see if there is a solution?  If you create a new HTML page in Design view, create a table in it, place the insertion point inside one of the table cells, go to the code view and locate the insertion point there, then paste the PayPal button code at that point. Here's the code:
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="XSXQ9CUMUVLQC">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
    Now go back to Design view and see how it looks.  If it acts the way it does for me, the table is no longer visible, but if you go to Live View everything looks fine with the table and the button inside it.  Of course, I can't design in Live View.
    PLEASE can someone out there help me.
    Many thanks.

  • Table in design view not displaying properly

    I put in a table at 100% width - to house a spry menu.  It shows up fine in all browsers and in live mode, but in dreamweaver design view the table and menu display off to the right - outside of the workspace. It's a pain!  How do I fix this?

    You certainly do NOT need a table to hold your menu -- no matter which one you use.
    Table layouts went the way of the dinosaur last century.  Nowadays, we use CSS for layouts.  To illustrate, copy & paste this code into a new, blank document and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 Document</title>
    <style>
        /**fixes the box model**/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    /**basic layout**/
    body {
        width: 80%; /**adjust width in px, em or % as desired**/
        margin:0 auto; /**with width, this is centered**/
        background: maroon;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 100%;
    header, footer { color: #FFF; }
    /**left sidebar**/
    aside {
        display:table-cell;
        width: 25%;
        padding: 1%;
        background: #C99;
    /**main content**/
    article {
        width: 75%;
        display:table-cell;
        padding: 2%;
        border-left: 1px dotted silver;
        background: #EAEAEA;
    footer {
        clear: left;
        font-size: 80%;
        text-align: center;
    /* BEGIN HORIZONTAL DROP-MENU */
    nav {
        position: relative;
        width: 100%;  /**adjust width as needed**/
        margin: 0 auto;
        padding: 0;
        text-align: center;
        z-index: 1000;
    nav ul {
        margin: 0;
        padding: 0
    nav li {
        list-style: none;
        font-size: 12px;
        float: left;
        text-align: center;
    /**top level menu**/
    nav li a {
        display: block;
        text-decoration: none;
        margin-right: 2px;   /* space between links */
        width: 12em;   /* adjust as needed or use auto */
        padding: 6px 15px;
        font-weight: bold;
        line-height: 2em;
        color: #1e5799;
        border: 1px solid #FFF;
        background: #C7D5E3;
    /**top menu style on mouse over**/
    nav li:hover > a {
        color: #FFF;
        background: #1e5799;
    /**sub-menu**/
    nav li ul {
        display: none;
        text-align: center;
        margin: 0;
        padding: 0 1em;
        background: #C7D5E3;
        font-weight: normal;
        font-style: oblique;
    /**sub-menu, help for older IE**/
    nav li:hover ul, nav li.hover ul {
        display: block;
        position: absolute;
        padding: 0;
    nav li:hover li, nav li.hover li { float: none; }
    /**drop-menu style**/
    nav li:hover li a, nav li.hover li a {
        width: 12em;  /* adjust width as needed or use auto */
        margin-top: 0;
        line-height: 1.25em;
        font-weight: normal;
        border: none;
    /**drop-menu style on mouse over**/
    nav li li a:hover {
        background: #D3E1B7;
        color: #004A43;
    /**clear floats**/
    nav:after {
        clear: both;
        display: block;
        content: '';
    /**END DROP MENU STYLES**/
    </style>
    </head>
    <body>
    <header>
    <h1>Your Awesome Site Name</h1>
    <h2>Some Pithy Slogan</h2>
    </header>
    <nav>
    <ul>
    <li><a href="#">Menu Item1 &#9660;</a>
        <ul>
        <li><a href="#">Sub_menu1a</a> </li>
        <li><a href="#">Sub_menu1b</a> </li>
        </ul>
    </li>
    <li><a href="#">Menu Item2 &#9660;</a>
        <ul>
        <li><a href="#">Sub_menu2a</a> </li>
        <li><a href="#">Sub_menu2b</a> </li>
        <li><a href="#">Sub_menu2c</a> </li>
        <li><a href="#">Sub_menu2d</a> </li>
        </ul>
    </li>
    <li><a href="#">Menu Item3</a></li>
    <li><a href="#">Menu Item4</a></li>
    <li><a href="#">Menu Item5</a></li>
    </ul>
    </nav>
    <aside>
    <h3>Left Sidebar</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. </p>
    </aside>
    <article>
    <h3>Aritcle Heading</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </article>
    <footer>
    <small>© 2015 Your Site Name. All rights reserved.</small>
    </footer>
    </body>
    </html>
    Nancy O.

  • 6575722.994:   ADDITIONAL BLANK TABLE CELLS ADDED IN RTF HEADER

    HI all,
    XML:5.6.3
    APPS:11.5.10.2
    Please advice,
    RTF template associated with PO Output for Communication (tempalte uploaded). When previewed,
    data displays correctly.
    When output is viewed from Application, additional blank table cells are added in header area.
    These blank table cells are unwanted.
    Also :
    If I have multiple pages of output, the application is losing the header and footer after the
    first page.
    If I preview the template from Microsoft Word with the same output, the header and footer shows on
    all pages.
    Customer said:
    'not looking for help designing the template - I have a template that gives
    different output when output is viewed in the template builder and compared against the output from the application.
    I am looking for assistance on which output is incorrect, and what cna be done to ensure both outputs are consistent'
    thxs!

    check if you have any carriage return,or extra space in your tag
    or if you are using 'IF' condition try using @inlines.
    these are the general situations were extra space is created in your output

  • Robohelp HTML 9 hyperlinks in table cells help

    Hi,
    I'm creating a table in robohelp html 9 and adding hyperlinks in the table cells. If the hyperlink is the first word in that cell robohelp is adding styling code to the link eg <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>.
    If I add a link to the second word in a table cell the styling does not appear or even if I add a space before the link the code does not appear eg <td>&#160;<a href="#">test</a> </td>.
    The code appears when I flick between design and HTML views but it does not make any difference in which view I create the link.
    No matter how many times I delete this code is keeps coming back. Can  anyone please help me? Is there some default that gives this the styling  code?Does anyone else get this issue?
    A table with the different examples is below. It was created in design view by clicking table>insert table>OK. Links added by clicking the insert hyperlink button.
    <table style="border-collapse: separate; border-collapse: separate;" cellspacing="0"
             width="33.333%" border="1">
        <col style="width: 100%;" />
        <tr>
            <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test
             that has the added code</a></td>
        </tr>
        <tr>
            <td>&#160;<a href="#">test with space in front of link</a> </td>
        </tr>
        <tr>
            <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>
        </tr>
        <tr>
            <td>A <a href="#">test</a> </td>
        </tr>
    </table>
    Thanks in advanced

    I have the same problem with those stupid links in tables - I've been working on this for HOURS and HOURS...... Based on previous experience, I assumed it must only be me and an ill-formed stylesheet. The table/link issue just came to my attention because I am in the process of changing styles/formats to a new company standard (new link color) and thought I really screwed my CSS up as I was changing things!
    My only workaround thusfar has been to rewrite some data in the tables so that text will precede the link (yes, I did).  And where I just couldn't do that, I resigned myself to the problem and forced a different color on the links (changing the #0000ff).  One plus was that RH didn't rewrite the color code once it was changed manually..... but then I realized later that I didn't consider the hover color when I did this, so I now have to go back and correct them. 
    So glad to find your post...........
    I played with the idea of adding hidden text, but was worried that the problem was really a result of an issue with my CSS and doing that wasn't the proper way to fix it.   So, without guilt, I took Rick's suggestion and added an invisible dot/period at the beginning of every link in a table, when that link is the first or only content in the td.  Did the trick!  Now the links assume my declared css style! 
    I submitted a bug report.......
    Thank you!!!

  • 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

  • Multiple tabs in table cell (FM 7)

    Hey gang,
    I've got a table that requires multiple tab stops in one table cell.  They're easy enough to place--I use the Tab Stops segment in Paragraph Designer--but I cannot move back and forth between the tabs. Each tab stop must be numbered.  For example, I inserted seven tab stops in the cell.  Is there a way to step through the tab stops without leaving the cell? 
    Thanks in advance!
    -terry-

    I need to add that the above may not work, depending on your platform and FM release.
    On FM7.1/Unix, Find randomly fails to find things in tables, and tabs are no exception. The hack above did not work.
    On FM9/Win7, Find of \t did navigate between tabs in a table.
    The real parent problem here may be: who gets to see the keycode from the [Tab] key? It appears that the OS GUI gets first crack at it, and what's passed to the app may not be an 09h character but some window nav event (that has to be converted back to an \x09 when the intent is to type a tab into the text, but when the focus is in an FM table, FM thinks you want nav).
    An FM-specific sub-problem is that FM doesn't support tables within tables (actually, it does, but you have to create a new text frame inside an anchored frame inside the table cell). Tables within tables would eliminate the temptation to tab.
    Tabs, of course, have been a CS problem forever, as there was never an agreed industry standard for what they meant (move 8 spaces, or move to next multiple of 8 space from left, or move to next tab stop, and what if none are defined, etc.). In FM, users who use tabs are generally doing so from habit from other word processors, and are grabbing the margin tab tool, rather than defining stops in Paragraph Designer. A later author updates the para format, resetting all overrides, and bye bye tabs.
    I usually use borderless tables these days for body text layouts that might historically have been done as tabs.
    If I need column-control inside table cells, I'll often use as many columns as needed, and straddle them in the cells that don't use the extra columns).

  • Button in Table Cell

    Hi All,
    I created a table in design time and getting all records populated into Table by binding them. Now I want to add custom coloum with buttons based on some conditions.(which are already displayed in table.)
    Please suggest me how to do this.

    Take a look at this thread:
    Re: Dynamic Table Creation

  • Problem in table cell editor

    Hai,
    I inserted as a dropdownkey in table, Parent node ABc is bind to table , the child node DEf bind to coloumn dropdownbyindex. i set child node singleton as false, but its giving null pointer exception.
    IXXXView.IABCNode iu=wdContext.nodeABC();
    IXXXView.IDEFElement c=iu.nodeDEF().createDEFElement();
    How to Solve this.
    Hope  Anil and Piyush will help me they already know about this problem.
    regards,

    Hai Bharadwaj,
          happy to see you again, I think I am in wrong with creating table cell editor.
    i will say my requirement please help me to do:
    in the table the first coloumn is number, second one is name, third one is *** ,this coloumn contains two standard Strings male and female, the can select from dropdown index.
    what i did is I created context node parent ABC
    in that attributes name , age and another node DEF having attribute S.
    I created a table and bind the node ABC(its not allow me to check DEF node).
    i deleted table cell editor of column *** and created new editor dropdownindex. and binded texts is node DEF
    DEF is set to singleton false.
    Give me the suggetion.
    regrds,

  • 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....

Maybe you are looking for

  • 1: N File Scenario..

    Hi, My Scenario is File to File Scenario, in which i need to drop the 2  target file in the ftp server in the same directory. For Eg: Source Fields: EMPNO ENAME Address Department ContactNumb 2 OUt PUt files that to be dropped as below: In the 1 st o

  • TDS Certificates Number Range issue

    Dear all I am doing J1INMIS for particulat section code say 3200 and withholding key 194 c, then i am updating the challan and it takes me to screen Create remittance challans, here after processing i get the following error- <b>Number Group not main

  • Objects in Transport Request

    Hi,   In the Transport Request raised there is a item ROUTINE and under that there is Alpha Numeric No associated.   Is there any way we can find out which routine has been collected in the request. Thanks

  • CUCMBE5K - 8.5.1 Node Demo License

    Hi all, I have a CUCMBE5K platform that has an issue where the Node License is running as a Demo license. I do not know how long it has been in this state since I have just recently started a new job. According to this article, a demo license that is

  • Sold to and ship to party are freezed in quotation...

    Hi all, While creating a quotation I am getting the Sold to and Ship to party fields are freezed and empty..Can you please tell me where I need to change the settings to unfreeze them.. Regards, Roopak