Questions on UI for ASP.NET AJAX Forum

0 answers

124 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

81 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

114 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

209 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

280 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

164 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

79 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

519 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>

The problem is when viewing in tablet all fields' sizes become wrong

also, I have a problem in large size devices

Please help

Thanks

Grid

answered on 03 Jul 2017

2 answers

116 views

UI design

Hi Team,

am new to teleric grid. can i assign two data set results to single rad grid?

PageLayout

answered on 03 Jul 2017

0 answers

104 views

button click on radmenu

Hi,

I'm using the radmenu control , according to this example:

http://demos.telerik.com/aspnet-ajax/menu/examples/overview/defaultvb.aspx

On on of my pages (lets say its Stores.ascx, as in the example), I added a few textboxes and I want to save all the data to my database, on button click.

I have 2 question:

1. How can I avoid a post back on my default.aspx page , every time I select a menu item?

2. Why, on button click, there's no postback, and a session I store turning empty?

10x

Menu