This is a migrated thread and some comments may be shown as answers.

Mobile Responsiveness

0 Answers 5 Views
This is a migrated thread and some comments may be shown as answers.
Susan
Top achievements
Rank 1
Susan asked on 09 Aug 2016, 06:50 PM

I have the following coded for my grid:

                    <telerik:RadGrid ID="grdShoppingCart" runat="server" Width="100%" RenderMode="Auto" Height="100%">
                        <HeaderStyle  Height="30px" /> 
                        <MasterTableView Width="100%" Height="100%" AutoGenerateColumns="false" Font-Size="1.25em" TableLayout="Auto" NoMasterRecordsText="No courses selected" NoDetailRecordsText="No courses selected">
                            <Columns>
                                <telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="NameOfCourse" HeaderText="Course Name" />
                                <telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="IndustryName" HeaderText="Profession" />
                                <telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="StateCd" HeaderText="State" />
                                <telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CourseHours" HeaderText="Hours" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" />
                                <telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CoursePrice" HeaderText="Price" ItemStyle-HorizontalAlign="right" DataFormatString="{0:c}" HeaderStyle-HorizontalAlign="right" />
                                <telerik:GridTemplateColumn HeaderText="Remove" ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="Right" ItemStyle-Wrap="false" HeaderStyle-Wrap="false">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="RemoveItem" Text="Remove" runat="server" CommandName="DeleteRecord" ForeColor="red" CausesValidation="false" />
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn DataField="CourseItemId" Display="false" />
                                <telerik:GridBoundColumn DataField="CourseCode" Display="false" />

                            </Columns>

                        </MasterTableView>

                    </telerik:RadGrid>

 

When looking at it on a mobile phone, the grid gets cut off and there is no scroll bar to see the other half. Am I missing something?

 

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Susan
Top achievements
Rank 1
Share this question
or