Remove dotted line in focused grid row

[arilotta]

Hello,

I would like to remove the dotted lines around the focused row in a unidbgrid with dgRowSelect=TRUE.

Which is the correct way to achieve this ?

Thanks

 

Andrea Arilotta

[mhmda]

css, use firebug or similar tool in chrome and see css classes.

[Sherzod]

Hi,

 

Can you try this ?:

 

CustomCSS:

.custom-grid .x-grid-row-before-selected .x-grid-td {
    border-bottom-style: groove;
}
.custom-grid .x-grid-row-selected .x-grid-td {
    border-bottom-style: groove;
}

.custom-grid .x-grid-body .x-grid-table-focused-first {
    border-top: 1px groove transparent;
    background-color: #dfe8f6;
}

function beforeInit:

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

Best regards,

[arilotta]

Thanks alot Delphi dev,

I started yesterday following Mohammad's instructions finding the CSS styles to modify, and I managed to achieve something 

using these:

 

.x-grid-row-before-focused .x-grid-td {

  border-bottom: 1px hidden #FFFFFF;

}

 

.x-grid-row-focused .x-grid-td {

  border-bottom: 1px hidden #FFFFFF;

}

 

.x-grid-body .x-grid-table-focused-first {

  border-top: 1px hidden #FFFFFF;

}

 

But your solution works in fact very well and I'll use your style.

I'm planning to use this solution with the grid indicator (remember the other post ?)

In addition, thanks to your reply, I learnt how to apply a particular style (custom-grid in our case) to a specific grid,

using the beforeInit event. 

Thanks again !