Ticket Q585022
Visible to All Users

ASPxGridView - Modify Focused Row color

created 11 years ago

I'm attempting to set the focused row backcolor in the sample DX project I've created.

However I am unable to override the base light grey selected row color. Please advise, thanks. Sample attached.

I'm on a Win 7 box running IE 10

Comments (1)

    To clarify, I want to change the row color that is set when you click the Select Button for a specific row. The default is a light grey which is difficult to see on some monitors.

    Answers approved by DevExpress Support

    created 11 years ago (modified 11 years ago)

    Hi,
    Since the "DevEx" theme is applied to the project (not the default theme), you can use the following code to change the focused row backcolor:

    ASPx
    <style> .dxgvFocusedRow_DevEx td.dxgv { background-size: 100% 100%; background-color: #000; color: #000 !important; } </style>

    Attached, please find the modified project.
    See Also:
    How to inspect CSS rules
    UPDATED BY Alessandro (DevExpress Support):
    Please modify the CSS rule definition as follows to fix this issue:

    CSS
    .dxgvFocusedRow_DevEx { background: #000 none; }

    See Also:
    Back color of column header in MVC gridview only covers half of the header area
    CSS Background

      Show previous comments (3)
      Alessandro (DevExpress Support) 11 years ago

        This behavior is absolutely correct and is not related to the focused row. Instead, it is a selected row style. Please use the following CSS rule to customize it:

        CSS
        .dxgvSelectedRow_DevEx { background-color: black; }

        Attached is the updated sample. I hope this makes sense.

          Thanks! That works just like I wanted. Question has been solved!

          Alessandro (DevExpress Support) 11 years ago

            You are welcome! We are always happy to help you in case of any problems.

            Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

            Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.