Questions on UI for ASP.NET AJAX Forum

3 answers

319 views

Change EditMode from InPlace to Batch Client Side

Hi,

Is there a way to switch a radgrid's edit mode from InPlace to BatchEdit client side. My goal is to have a checkbox to enable Batch Editing. When A RadGrid on the page fires the ClientSide OnCommand event, i would like to enter InPlace or BatchEdit EditMode based on whether the checkbox is checked or not. My reasoning for this is that I have multiple RadGrid's on the page that will be controlled by the single checkbox.

Thanks,

Mike

Grid

answered on 04 Jul 2017

0 answers

142 views

Client side hierarchical binding with ClientDataSource

Can I use RadClientDataSource for binding hierarchical grid? do you have any working example?

I tried creating the one with NestedViewTemplate like below ( just skeleton),

<telerik:RadGrid ClientDataSourceID="RadClientDataSource1">
<MasterTableView>
<Columns></Columns>
<NestedViewTemplate>
<telerik:RadGrid ClientDataSourceID="RadClientDataSource2"/>
</NestedViewTemplate>
</MasterTableView>
</telerik:RadGrid>

I got multiple issue listed below, so I just want to check whether is it possible to use this option for hierarchical binding? if not do you have any other alternative option using client side binding?

1. When I change the pagesize from 10 to 20, expand icon was not appearing for the records starting from 11 to 20.
2. When I expand the first record in first page, then move to next page, expanded record doesn't collapse and it shows in next page as well.
3. When an expand command is fired then both the MasterView and Nestedview get refreshed, not retaining the state, say if I expand second page record, grid goes to first page

ClientDataSource

asked on 04 Jul 2017

0 answers

108 views

RadGrid FilterMenu problem

Respected Community,

I am facing a strange problem in RadGrid default filter menu. When I select Glow theme, all is well but whenever I change theme my filter menu becomes two line or out of alignment (attached). Plz, help. This behavior is with auto render mode, with lightweight rendering it is all ok, but, unfortunately, want to use classic rendering.

Saqeb

Grid

asked on 04 Jul 2017

2 answers

139 views

RadGrid FilterMenu contains some empty items

I'm seeing an odd formatting issue with the FilterMenu, in IE only (see screenshot). I tried disabling the skin, but it made no difference. I'm running telerik version 2016.2.607.45.

Has anyone else seen this before? How can I get rid of the extra space?

Here's the markup of the grid:

<telerik:RadGrid ID="grid1" runat="server" AutoGenerateColumns="false" ShowStatusBar="true" AllowPaging="true" PageSize="100"

OnNeedDataSource="grid1_NeedDataSource" OnDataBound="grid1_DataBound"

Skin="Glow"

AllowSorting="true" AllowFilteringByColumn="true">

<PagerStyle EnableAllOptionInPagerComboBox="true" AlwaysVisible="true" />

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="LabID, TimeRequested, RerunInProgress, TestPackageName, BoxName, CellNumber, ReceivedDate, IRPosition, LubricantType"

CommandItemDisplay="None">

<SortExpressions>

<telerik:GridSortExpression FieldName="TimeRequested" SortOrder="Descending" />

</SortExpressions>

<Columns>

<telerik:GridTemplateColumn HeaderText="In Progress" DataType="System.Boolean" DataField="RerunInProgress">

<ItemTemplate>

<asp:CheckBox ID="chkInProgress" runat="server" AutoPostBack="true" OnCheckedChanged="chkInProgress_CheckedChanged"

Checked='<%# DataBinder.Eval(Container.DataItem, "RerunInProgress") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="LabID" DataField="LabID" HeaderText="Lab ID" ItemStyle-Font-Size="Large" />

<telerik:GridBoundColumn UniqueName="TestPackage" DataField="TestPackageName" HeaderText="Test" ItemStyle-Font-Size="Large" />

<telerik:GridBoundColumn UniqueName="BoxName" DataField="BoxName" HeaderText="Box" ItemStyle-Font-Size="Large" />

<telerik:GridBoundColumn UniqueName="CellNumber" DataField="CellNumber" HeaderText="Cell" ItemStyle-Font-Size="Large" />

<telerik:GridDateTimeColumn UniqueName="TimeRequested" DataField="TimeRequested" HeaderText="Rerun requested time" DataFormatString="{0:g}" EnableTimeIndependentFiltering="true" />

<telerik:GridDateTimeColumn UniqueName="ReceivedDate" DataField="ReceivedDate" HeaderText="Received Date" DataFormatString="{0:g}" EnableTimeIndependentFiltering="true" />

<telerik:GridBoundColumn UniqueName="LubricantType" DataField="LubricantType" HeaderText="Lubricant Type" />

<telerik:GridBoundColumn UniqueName="IRPosition" DataField="IRPosition" HeaderText="IR Position" />

<telerik:GridBoundColumn UniqueName="Requester" DataField="Requester" HeaderText="Requester" />

<telerik:GridBoundColumn UniqueName="Reason" DataField="Reason" HeaderText="Reason" />

<telerik:GridBoundColumn UniqueName="Comment" DataField="Comment" HeaderText="Comment" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 04 Jul 2017

0 answers

259 views

Upgrade to the latest version - pros and cons

The benefits (Pros) of switching to the latest versions are:

Support for all modern browsers
Modern look and feel - many new modern skins are available: Bootstrap, Material, Metro and other improved skins
Modern lightweight rendering - less HTML, usage of modern CSS3 and font icons instead of images
Easier customization of the skins and ability to create new themes through the Theme Builder tool
Responsive rendering and mobile support for many of the controls
New controls to complete the portfolio of more than 100 Web UI components for ASP.NET Webforms
Better stability and less bugs

The cons of upgrading to the latest version are:

The classic render mode and skins based on it are obsolete and put in maintenance since Q3 2015 (see documentation)
Some classic skins have been removed, but are still available as download resouces.
Breaking changes - see Known Issues and Breaking changes sticky thread

General Discussions

asked on 04 Jul 2017

2 answers

319 views

JavaScript intellisense & Visual Studio 2015, not working

Hi,
I am using Visual Studio 2015 along with version 2016.1.225.35 of Telerik UI for ASP.NET AJAX

I am trying to get JavaScript intellisense to work, to try and resolve this I am following the instructions on here:

http://docs.telerik.com/devtools/aspnet-ajax/general-information/integration-with-visual-studio/how-to-use-javascript-intellisense-for-the-telerik-controls

I have created a single webform page and have added the suggested code from the help page, and when I type

oWnd.

I do get some intellisense buts its not what I would expected. I’ve attached a picture so that you can see what I mean.

This is driving me mad, please highlight what I am doing wrong?

Thanks.

Andy.

General Discussions

answered on 04 Jul 2017

0 answers

185 views

RadGrid Filter Menu Issue

Respected Community,

I am facing a strange problem in RadGrid default filter menu. When select Glow is well but whenever change theme my filter menu becomes like this
(attached). Plz help

Grid

asked on 03 Jul 2017

3 answers

96 views

CSS for input area

Is there specific styling I can use to prevent the text behind the search box from showing thru the text area ? I have tried opacity and z-index but nothing has worked.

SearchBox

answered on 03 Jul 2017

1 answer

561 views

Problem in responsive radgrid

I want to create a responsive radgrid

my Master Page as the following

<head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <%--<meta name="viewport" content="width=device-width, initial-scale=1">--%>
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1, maximum-scale=1.0, user-scalable=no" />

    
    <title><%: Page.Title %> - Amoun ECMS</title>

    
    <link href="../css/bootstrap.min.css" rel="stylesheet">

    <asp:ContentPlaceHolder ID="Head" runat="server">
    </asp:ContentPlaceHolder>
</head>

<body>
    <form id="f1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>

And a page is as the following

<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <link type="text/css" rel="stylesheet" href="styles.css" />
    <style type="text/css">
        .panelItem {
            height: auto;
        }

        .DivCenter {
            text-align: center;
            align-items: center;
            vertical-align: middle;
            margin: 0 auto;
        }
        .gridHieght{
            height:auto !important;
            border: 0 none;
        }
    </style>

    <title>Doctors List</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Body" runat="server">
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="p1">
                <UpdatedControls>
                    <%--<telerik:AjaxUpdatedControl ControlID="gridAffs" LoadingPanelID="l1" />--%>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="l1" runat="server" RenderMode="Auto" />

    <%--<script src="scripts.js" type="text/javascript"></script>--%>

    <div class="row DivCenter" style="width:100%">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 DivCenter" style="width:100%">
            <table style="width:100%" class="table-responsive">
                <tr style="width:100%">
                    <td style="text-align:left">

                        <telerik:RadLabel RenderMode="Auto" ID="lblTitle" runat="server" Text="Doctors List" style="text-align:left"
                            Font-Bold="false" Font-Size="Medium" ForeColor="Black"></telerik:RadLabel>
                        <br /><br />

                        <telerik:RadLabel RenderMode="Auto" ID="lblAffsTotal2" runat="server" style="text-align:left"
                            Font-Bold="false" Font-Size="Medium" ForeColor="Black"></telerik:RadLabel>

                        <telerik:RadLabel RenderMode="Auto" ID="lblAffsClassA2" runat="server" style="text-align:left"
                            Font-Bold="false" Font-Size="Medium" ForeColor="Black"></telerik:RadLabel>

                        <telerik:RadLabel RenderMode="Auto" ID="lblAffsClassB2" runat="server" style="text-align:left"
                            Font-Bold="false" Font-Size="Medium" ForeColor="Black"></telerik:RadLabel>

                    </td>
                </tr>
                <tr><td role="separator"><br /></td></tr>
                <tr>
                    <td style="text-align:right">
                        <asp:LinkButton ID="LinkButton1" Text="Export to Excel" runat="server" OnClick="btnExport_Click" ForeColor="Black"
                            Font-Size="Medium" style="text-align:right" />
                    </td>
                </tr>
            </table>

            <telerik:RadGrid ID="gridAffs" runat="server" DataSourceID="ListOfAffDS" AllowFilteringByColumn="True" AllowPaging="True"
                EnableGroupsExpandAll="True" EnableHeaderContextFilterMenu="True" EnableHeaderContextAggregatesMenu="True"
                AllowSorting="True" GroupPanelPosition="Top" ShowGroupPanel="True"
                MasterTableView-EditFormSettings-FormTableButtonRowStyle-Wrap="false" CssClass="table-responsive"
                Skin="WebBlue" EnableHeaderContextMenu="True" GridLines="Both" PageSize="50" ShowFooter="True" RenderMode="Auto">

                <ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true" FileName="DoctorsList">
                    <Excel Format="Xlsx" />
                </ExportSettings>

                <ClientSettings AllowDragToGroup="True" AllowExpandCollapse="true">
                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                    <Resizing AllowResizeToFit="true" AllowRowResize="true" AllowColumnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true" />
                </ClientSettings>

                <MasterTableView DataSourceID="ListOfAffDS" AutoGenerateColumns="False" ShowHeader="true" ShowGroupFooter="true" AllowPaging="true"
                    AllowSorting="true" CommandItemDisplay="Top" EnableViewState="true" EnableHeaderContextMenu="True" EnableHeaderContextAggregatesMenu="true"
                    EnableHeaderContextFilterMenu="true" CssClass="table-responsive">

                    <GroupHeaderItemStyle CssClass="visible-lg hidden-md hidden-sm hidden-xs" />
                    <FilterItemStyle CssClass="visible-lg hidden-md hidden-sm hidden-xs" />

                    <CommandItemSettings ExportToExcelText="Export" ShowRefreshButton="true" ShowExportToExcelButton="false" ShowAddNewRecordButton="false" />
                    <PagerStyle AlwaysVisible="True" PageSizes="50;100;150;200;300;400;500" Mode="NextPrevNumericAndAdvanced"
                        CssClass="visible-lg visible-md visible-sm visible-xs" />

                    <Columns>
                        <telerik:GridBoundColumn DataField="AffiliationID" Visible="true" DataType="System.Int32"
                            FilterControlAltText="Filter AffiliationID column" HeaderText="ID" SortExpression="AffiliationID" UniqueName="AffiliationID"
                            ItemStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            HeaderStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            FooterStyle-CssClass="hidden-md hidden-sm hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="AffiliationName" Visible="true" DataType="System.String" FilterControlAltText="Filter AffiliationName column"
                            HeaderText="Name" SortExpression="AffiliationName" UniqueName="AffiliationName"
                            ItemStyle-CssClass="visible-lg visible-md visible-sm visible-xs"
                            HeaderStyle-CssClass="visible-lg visible-md visible-sm visible-xs"
                            FooterStyle-CssClass="visible-lg visible-md visible-sm visible-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="EntityAddress" Visible="true" DataType="System.String" FilterControlAltText="Filter EntityAddress column"
                            HeaderText="Address" SortExpression="EntityAddress" UniqueName="EntityAddress"
                            ItemStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            HeaderStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            FooterStyle-CssClass="hidden-md hidden-sm hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="SpecialityCode" Visible="true" DataType="System.String" FilterControlAltText="Filter SpecialityCode column"
                            HeaderText="Specialty" SortExpression="SpecialityCode" UniqueName="SpecialityCode"
                            ItemStyle-CssClass="visible-md visible-sm visible-xs"
                            HeaderStyle-CssClass="visible-md visible-sm visible-xs"
                            FooterStyle-CssClass="visible-md visible-sm visible-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="PhysicianClass" Visible="true" DataType="System.String" FilterControlAltText="Filter PhysicianClass column"
                            HeaderText="Class" SortExpression="PhysicianClass" UniqueName="PhysicianClass"
                            ItemStyle-CssClass="visible-lg visible-md visible-sm visible-xs"
                            HeaderStyle-CssClass="visible-lg visible-md visible-sm visible-xs"
                            FooterStyle-CssClass="visible-lg visible-md visible-sm visible-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="AmounBrickName" Visible="true" DataType="System.String" FilterControlAltText="Filter AmounBrickName column"
                            HeaderText="Brick" SortExpression="AmounBrickName" UniqueName="AmounBrickName"
                            ItemStyle-CssClass="hidden-xs"
                            HeaderStyle-CssClass="hidden-xs"
                            FooterStyle-CssClass="hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="EmployeeName" DataType="System.String" FilterControlAltText="Filter EmployeeName column" HeaderText="Med. Rep"
                            SortExpression="EmployeeName" UniqueName="EmployeeName"
                            ItemStyle-CssClass="hidden-sm hidden-xs" HeaderStyle-CssClass="hidden-sm hidden-xs" FooterStyle-CssClass="hidden-sm hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="AmounTerritoryName" DataType="System.String" FilterControlAltText="Filter AmounTerritoryName column"
                            HeaderText="Territory" SortExpression="AmounTerritoryName" UniqueName="AmounTerritoryName"
                            ItemStyle-CssClass="hidden-xs"
                            HeaderStyle-CssClass="hidden-xs"
                            FooterStyle-CssClass="hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="SupervisorName" DataType="System.String" FilterControlAltText="Filter SupervisorName column"
                            HeaderText="District Manager" SortExpression="SupervisorName" UniqueName="SupervisorName"
                            ItemStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            HeaderStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            FooterStyle-CssClass="hidden-md hidden-sm hidden-xs">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="IsTargeted2" Visible="true" DataType="System.String" FilterControlAltText="Filter IsTargeted column"
                            HeaderText="Mandatory?" SortExpression="IsTargeted" UniqueName="IsTargeted"
                            ItemStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            HeaderStyle-CssClass="hidden-md hidden-sm hidden-xs"
                            FooterStyle-CssClass="hidden-md hidden-sm hidden-xs">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
        </div>
    </div>


    <asp:SqlDataSource ID="ListOfAffDS" runat="server" ConnectionString="<%$ ConnectionStrings:ng %>"
        SelectCommand="SELECT AffiliationID, AffiliationName, EntityAddress, SpecialityCode, PhysicianClass, AmounBrickName, IsTargeted2, EmployeeName, AmounTerritoryName, SupervisorName FROM View_ss_Admin WHERE SpecialtyValue > 0 AND LastModifierID IS NOT NULL AND [PhysicianClass] IN ('A', 'B') AND ManagerID = @EmployeeIDFromSM">
        <SelectParameters>
            <asp:SessionParameter Name="EmployeeIDFromSM" SessionField="EmployeeIDFromSM" Type="Int32" />
        </SelectParameters>
    </asp:SqlDataSource>

    <script src="../js/jquery.responsivetable.min.js"></script>

</asp:Content>