RadGrid filter are different in mobile device

3 posts, 0 answers
  1. ketan
    ketan avatar
    4 posts
    Member since:
    Feb 2016

    Posted 03 Feb Link to this post

    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

     

  2. ketan
    ketan avatar
    4 posts
    Member since:
    Feb 2016

    Posted 03 Feb Link to this post

    please  refer below links:

     For mobile device:

    http://s24.postimg.org/4hpqsuhnp/violetion_in_filter.jpg

     And For computer device:

    http://s30.postimg.org/xs33l4bxt/normal.jpg

     

  3. DevCraft banner
  4. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 05 Feb Link to this post

    Hi,

    I have already answered the other ticket you have opened with the same question:
    http://www.telerik.com/forums/radgrid-filter-are-different-in-mobile-device

    In order to avoid duplicate posts lets continue our communication there.

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top