BuyLog In
Ticket T480871
Visible to All Users

ASPxGridView - Responsive Layout - Columns with predefined width aren't collapsed when the grid has a vertical scrollbar

created 8 years ago

Hi,

I'm trying to use de adaptative and responsive settings of the ASPxGridView, but I need some help, please.

My grid have lots of columns, the user can choose which of them are visible and in which order, next time the user gets to this page, the columns are changed accordingly to the user's settings , on the grid's Init event. It works perfectly well.

Some of the columns have fixed width, others don't, this also works well as expected.

But after adding AdaptivityMode="HideDataCells" on the grid and the AdaptivePriority on the  columns, the behavior works almost as expected.
If the user have the first columns ordered with fixed width, when viewing the grid in a small viewport, the columns are not hidden as expected. I imagine this behavior is by design.

So, I guess my question is, how can I get the first visible column after the selection column and reset it's width at runtime, so it's not fixed and the adaptative layout works as expected?

The attached images demonstrate the issue.

Thanks,
Bruno.

Show previous comments (4)
B B
BrunoBuzzi 8 years ago

    Hi Lex, thanks for your reply.

    But I can't remove the vertical scrollbar, I'm using the approach described in the example:
    https://www.devexpress.com/Support/Center/Example/Details/E1081
    So my grid shows with full height at the browser.

    Thanks,
    Bruno

    DevExpress Support Team 8 years ago

      Hello Bruno,

      I'm working on the workaround for the issue, but I need additional time to find a precise solution for you. I appreciate your patience.

      B B
      BrunoBuzzi 8 years ago

        Hello Lex,

        Any news on this issue?

        Thanks,
        Bruno.

        Sign in to comment on this post

        Answers approved by DevExpress Support

        created 8 years ago (modified 8 years ago)

        Hello Bruno,

        I apologize for the delayed response. Now, we have accomplished our research. You were right, the described behavior is default for the Responsive Layout. Let me describe how it works in greater detail. When ASPxGridView is shrunk, it is trying to collapse one of the columns based on the AdaptivePriority property value and extend the width of other columns. But in your case it is impossible to extend the width of the columns because their width is fixed. So, it is not possible to collapse any column either. To resolve the issue, it is necessary to remove the width definition for the column with the lowest AdaptivePriority index. Please note that only the data column can be used in this scenario. I've created a sample project to demonstrate this approach and it is the only way to use a responsive feature with columns with a fixed width.

          Show previous comments (1)
          DevExpress Support Team 8 years ago

            Hi Bruno,

            Since this issue is not related to the original theme of the ticket, I took the liberty to create a new one regarding it. It has been placed in our processing queue and I'll answer it shortly.

            B B
            BrunoBuzzi 8 years ago

              Hi Lex,

              Actually, this was the original (and only) question I made on this ticket:
              "So, I guess my question is, how can I get the first visible column after the selection column and reset it's width at runtime, so it's not fixed and the adaptative layout works as expected?"

              Anyway, I'll follow up on the new ticket.

              Thanks,
              Bruno.

              DevExpress Support Team 8 years ago

                Bruno,

                I apologize for being not clear enough. I just wanted to say that processing the main issue will be more efficient in a new ticket so that we will avoid mixing different questions we previously dicsused here. I greatly appreciate your understanding and cooperation

                Sign in to comment on this post

                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.