Jump to content

Remove dotted line in focused grid row


arilotta

Recommended Posts

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,

Link to comment
Share on other sites

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 !

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...