Hiding focus lines in TUniDBGrid with v1.50.0.1481

[Tim]

Hello,

 

A few years back, with the kind help of this forum i was able to configure a TUniDBGrid in such a way that there was no visible indication (blue highlighting, dotted lines, etc) of which row/cell was selected:

 

 

Unfortunately the solution there doesn't work with the latest UniGui version. With v1.0.0.1425 my test project looks like this at runtime:

 

 

With v1.50.0.1481 my test project looks like this at runtime:

 

 

The dotted line around the currently selected cell is back

Any ideas how i can prevent the dotted line from appearing with v1.50.0.1481?

 

Many thanks

Tim

 

[hph]

You can try this:

CustomCSS:

.custom-grid .x-grid-item-focused .x-grid-cell-inner:before {
   border: none !important;
}

... and UniEvents:

function beforeInit(sender, config)
{
  config.cls = 'custom-grid'; 
}

 

[delagoutte]

i had the same problem with my custom css when i updated my project from 1.0 to 1.5 version :

for resum :

before (with 1.0 version and extjs 4):

x-grid-row-selected  , x-grid-row-......

 

after (with 1.5 version and extjs 6) :

x-grid-item-selected, x-grid-item-......

[Tim]

Thanks for the replies!

Adding .x-grid-cell-inner:before { border: none !important; } to the CustomCSS does the trick.