arilotta Posted July 25, 2017 Share Posted July 25, 2017 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 Quote Link to comment Share on other sites More sharing options...
mhmda Posted July 25, 2017 Share Posted July 25, 2017 css, use firebug or similar tool in chrome and see css classes. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted July 25, 2017 Share Posted July 25, 2017 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, Quote Link to comment Share on other sites More sharing options...
arilotta Posted July 26, 2017 Author Share Posted July 26, 2017 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 ! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.