Current filter:
                                You should refresh the page.
                                  • I'm having an issue where an ASPxGridView isn't adapting to the screen.
                                    I've attached a screen shot of the grid on a phone size screen.
                                    This is the code (where adaptivity is active):

                                    <dx:TabPage Text="Services" Name="service"> <ContentCollection> <dx:ContentControl runat="server"> <div class="row row-label"> <dx:ASPxLabel ID="lblBookList" runat="server" ClientInstanceName="lblBookList" Text="Step 2. Select a service or class" CssClass="booking-label-large"> </dx:ASPxLabel> </div> <div class="row"> <dx:ASPxCheckBox ID="chkMultiple" runat="server" ClientInstanceName="chkMultiple" Text="Book Multiple Services" CssClass="checkbox booking-checkbox" Theme="Moderno"> <ClientSideEvents CheckedChanged="chkMultipleChanged" /> </dx:ASPxCheckBox> </div> <div class="row"></div> <div class="row" style="display: none"> <dx:ASPxButton ID="btnServices" runat="server" Text="Services" ClientInstanceName="btnServices" CssClass="button-large" Width="120px" UseSubmitBehavior="False" AutoPostBack="False"> <ClientSideEvents /> </dx:ASPxButton> <dx:ASPxButton ID="btnClasses" runat="server" Text="Classes" ClientInstanceName="btnClasses" CssClass="button-large" Width="120px" UseSubmitBehavior="False" AutoPostBack="False"> <ClientSideEvents /> </dx:ASPxButton> </div> <div class="row"> <dx:ASPxGridView ID="grdService" runat="server" AutoGenerateColumns="False" Width="100%" CssClass="booking-grid-services" KeyFieldName="AppointmentTypeId" OnHtmlRowPrepared="onHtmlServiceRowPrepared" OnCustomCallback="clbkGrdService" ClientInstanceName="grdService" > <Settings VerticalScrollBarMode="Auto" ShowFilterRow="False"/> <SettingsBehavior AllowSort="True" EnableRowHotTrack="True" AllowSelectByRowClick="True"/> <SettingsAdaptivity AdaptivityMode="HideDataCells"></SettingsAdaptivity> <SettingsResizing ColumnResizeMode="Control" /> <SettingsPager Mode="ShowAllRecords"></SettingsPager> <SettingsText EmptyDataRow="No services available"></SettingsText> <ClientSideEvents EndCallback="endClbkGrdService" RowClick="grdServiceRow_Click" Init="adjustGridHeight" SelectionChanged="grdServiceSelected" /> <Styles> <Row CssClass="grid-row" /> <RowHotTrack Font-Bold="true" ForeColor="Black" /> <GroupRow Font-Bold="true" Font-Size="20px" CssClass="grid-group" /> <CommandColumnItem CssClass="booking-grid-services-check"></CommandColumnItem> </Styles> <Columns> <dx:GridViewDataTextColumn FieldName="AppointmentTypeId" Visible="False" /> <dx:GridViewDataTextColumn FieldName="Category" Visible="false" Width="100%"/> <dx:GridViewCommandColumn ShowSelectCheckbox="true" Width="0" AdaptivePriority="1" Caption=" " CellStyle-Paddings-PaddingLeft="10" /> <dx:GridViewDataTextColumn FieldName="Service" Width="100px" AdaptivePriority="1" /> <dx:GridViewDataTextColumn FieldName="Description" CellStyle-HorizontalAlign="Left" AdaptivePriority="3" /> <dx:GridViewDataTextColumn FieldName="Mins" AdaptivePriority="2" /> <dx:GridViewDataTextColumn FieldName="Price" Caption="From" PropertiesTextEdit-DisplayFormatString="{0:C2}" AdaptivePriority="2" /> </Columns> <Templates> <GroupRowContent> <span style="font-size: 16px; font-weight: bold"><%# " " + Container.GroupText %></span> </GroupRowContent> </Templates> </dx:ASPxGridView> </div> </dx:ContentControl> </ContentCollection> </dx:TabPage>

                                    I hope I've given you all you need.

                                • Customer70557 09.20.2019

                                  If I remove ColumnResizeMode="Control" I get a different issue (untitled 2 attached) 

                                1 Solution

                                Creation Date Importance Sort by


                                Our ASPxGridView control can be rendered in different table layout modes. By default, the grid uses the Automatic table layout mode for its rendering. However, when you enable the column resizing feature, the grid is rendered in the fixed table layout mode. That's why you see the difference when you change the ColumnResizeMode property.

                                I recommend that you refer to the GridView Table Layout help topic that describes the difference between these layout modes and how to combine them with the responsive mode.

                                If recommendations from this topic do not help, send us a simple runnable project with test data illustrating your attempts. We will research it and provide you with further recommendations.


                                • Customer70557 09.22.2019

                                  Thank you for coming back to me.

                                  I think the biggest issue i'm having is when using responsive the 'expand details' (...) button covers the rest of the columns. I have no idea how to resolve this (as shown).

                                  Would you be able to advise please?

                                • Customer70557 09.23.2019

                                  Just to let you know i've managed to resolve this issue.

                                • Stanley (DevExpress Support) 09.23.2019


                                  I am happy to hear that you managed to resolve the issue. Thank you for keeping me informed. Should you have further questions, do not hesitate to contact us.