Questions on UI for ASP.NET AJAX Forum

0 answers

75 views

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

108 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

197 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

275 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

154 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

70 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

513 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

110 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

95 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

asked on 03 Jul 2017

4 answers

167 views

Color Picker not displaying correctly in AJAX TabContainer

Hi, I'm adding the RadColorPicker to an existing application that uses the AjaxToolKit TabContainer / TabPanel. The right border of the color picker is clipped if the tab is not the active tab when the page is loaded. If I make the color tab the active tab, ActiveTabIndex="1" it works ok. If ActiveTabIndex="0" the right border is clipped, class rcpRoundedRight has a height of 0.

Not sure how to tackle this. Any help is appreciated.

Thanks.