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

[Solved] RadGrid filter are different in mobile device

2 Answers 42 Views

General Discussion

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

This question is locked. New answers and comments are not allowed.

ketan asked on 04 Feb 2016, 05:08 AM

Hello Team ,

I have a radgrid in my project there many filters are there

Grid code:

<telerik:RadGrid ID="rgActivityLogGrid" RenderMode="Auto" runat="server" EnableLinqExpressions="False" AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" OnNeedDataSource="rgActivityLogGrid_NeedDataSource"

AutoGenerateColumns="False" MasterTableView-CommandItemDisplay="Bottom" ExportSettings-IgnorePaging="true" ExportSettings-ExportOnlyData="true" ExportSettings-Excel-Format="Biff" ExportSettings-FileName="ActivityLog"

MasterTableView-CommandItemSettings-ShowExportToExcelButton="true" MasterTableView-CommandItemSettings-ShowExportToCsvButton="true" MasterTableView-CommandItemSettings-ShowExportToPdfButton="true" GroupPanelPosition="Top">

<ExportSettings IgnorePaging="false" OpenInNewWindow="true">

<Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm"

BorderStyle="Medium" BorderColor="#666666">

</Pdf>

<Excel Format="Biff"></Excel>

</ExportSettings>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>

</ClientSettings>

<MasterTableView CommandItemDisplay="Bottom">

<PagerStyle AlwaysVisible="true" />

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridNumericColumn DataField="LogLevel" HeaderText="Log Level" SortExpression="LogLevel" UniqueName="LogLevel" AllowFiltering="true" AllowSorting="true" FilterControlWidth="60%">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridNumericColumn>

<telerik:GridNumericColumn DataField="EventId" HeaderText="Event Id" SortExpression="EventId" UniqueName="EventId" AllowFiltering="true" AllowSorting="true" FilterControlWidth="60%">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="Message" HeaderText="Message" SortExpression="Message" UniqueName="Message" AllowFiltering="true" AllowSorting="true" FilterControlWidth="60%">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" UniqueName="UserName" ReadOnly="False" AllowFiltering="true" AllowSorting="true" FilterControlWidth="50%">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="ClientId" HeaderText="Client Id" SortExpression="ClientId" UniqueName="ClientId" AllowFiltering="true" AllowSorting="true" FilterControlWidth="60%">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="IPAdd" HeaderText="IP Address" SortExpression="IPAdd" UniqueName="IPAdd" AllowFiltering="true" AllowSorting="true" FilterControlWidth="80%">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="TimeStamp" DataType="System.DateTime" HeaderText=" Date Time Generated" UniqueName="TimeStamp" SortExpression="TimeStamp" EnableTimeIndependentFiltering="true" AllowFiltering="true" EnableRangeFiltering="true" FilterControlWidth="40%">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

<FilterMenu RenderMode="Auto"></FilterMenu>

<HeaderContextMenu RenderMode="Auto"></HeaderContextMenu>

</telerik:RadGrid>

It behave fine for computer device
Shreen shot:

http://postimg.org/image/ree0hv71p/

But it not behave same in mobile device
Screen shot:
http://s30.postimg.org/xs33l4bxt/normal.jpg

My question is that why there is two options and value field is there in mobile device?

Please elaborate its functionality and behavior?

Thanks & Regards,
Ketan Solanki

Helpful links:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/mobile-support/mobile-rendering/filtering

[Solved] RadGrid filter are different in mobile device

2 Answers, 1 is accepted