-1

Whenever I select any item in Cell tree I get this ugly bodrer! enter image description here Now I have changed the css of deafult cell tree as follows

.cellTreeSelectedItem {

        height: auto;
        overflow: auto;
        border:none !important;
}

But nothing really works . Any suggestion would be of great help.

P.S. I knwo the CSS of this widget sucks but I am working at it.

Smrita
  • 1,259
  • 3
  • 18
  • 38

1 Answers1

0

A CellTree renders as few nested div elements and a table. You need to examine the elements inside the item to see which one gives it a border. Then you'll need to remove it. Something like:

.cellTreeSelectedItem tr {
    border:none !important;
}

Note that the GWT Showcase does not show any border around the selected item in Chrome or Firefox, so it actually maybe a default browser behavior for a focused element.

Andrei Volgin
  • 40,755
  • 6
  • 49
  • 58
  • Yes but it uses image for the selection. The blue thing that highlights the selected item is an image and I have successfully removed it however another problem persists now and that is the border of a selected item. – Smrita May 28 '14 at 07:50
  • As I said, there is no border in Chrome or Firefox on a CellTree, unless you added it somehow. – Andrei Volgin May 28 '14 at 07:55