Questions on UI for ASP.NET AJAX Forum

2 answers

212 views

upgrade wizard not offering latest version for asp.net ajax

When I try to run an upgrade on my ASP.NET AJAX project in Visual Studio 2013, the only version showing up is the current version that the project is already using "2021.3.914.45" I'm trying to upgrade to UI for ASP.NET AJAX R1 2022 SP1 (version 2022.1.302). How do I get the newer versions to show up as a selection to upgrade to?

Ajax

Wizard

answered on 18 Mar 2022

2 answers

309 views

RadEditor toolbar issue when clicked

Hi Team,

Currently testing with Telerik R32021 - 2021.3.914.45 and .NetFramework-4.8

Browser - Edge, Chrome

We have migrated changes from RadEditor(Classic) to RadEditor (Asp.NetAjax) .

Steps to Replicate:

Clicked on tool bar like Document,Image,Bold,Italic,Table all other tools in RadEditor ,

Observed Output: Cannot read properties of undefined (reading 'selection') in Script Resource.axd

Can any one help me out to resolve the issue?

Editor

answered on 18 Mar 2022

1 answer

258 views

RadEditor DialogHandler web config entries

For my application, I had to change the dialoghandler in my web.config and the properties of the RadEditor to get it to function properly. It was a solution I found here in the forums, as a "Last Resort" solution.

Link: Telerik RadControls Error: Web.config registration missing! The Telerik dialogs require a HttpHandler registration in the web.config file. | Telerik UI for ASP.NET AJAX

I've implemented it and it has resolved the problem. What I'd like to know is what exactly does this change do? I need to be able to understand and explain to others what is happening with this change.

Editor

updated answer on 17 Mar 2022

2 answers

229 views

Webpage's RadGrid column headings disappear

I have a web app that dynamically defines the columns of a RadGrid and populates the DataTable. The data appears fine but when I click a button the column headers disappear. Here's a simplified version:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
    <asp:Panel ID="pnlDetail" runat="server">
            <telerik:RadGrid ID="RadGrid1" runat="server"
                OnNeedDataSource="RadGrid1_NeedDataSource"
                AutoGenerateColumns="False" Width="1200px">
                <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
                <ClientSettings AllowKeyboardNavigation="True">
                    <Scrolling FrozenColumnsCount="2" 
                        AllowScroll="True" 
                        ScrollHeight="400px" 
                        UseStaticHeaders="True"></Scrolling>
                    <Resizing AllowColumnResize="True" 
                        ClipCellContentOnResize="False" AllowResizeToFit="True" EnableRealTimeResize="True" EnableNextColumnResize="True" />
                </ClientSettings>
                <AlternatingItemStyle Wrap="False" BackColor="Gainsboro" Height="1px"></AlternatingItemStyle>
                <ItemStyle Wrap="False" Height="1px" />
                <MasterTableView TableLayout="Fixed">
                    <Columns>
                    </Columns>
                </MasterTableView>
                <HeaderStyle VerticalAlign="Bottom" Font-Bold="True" BackColor="DarkSeaGreen" Wrap="False" HorizontalAlign="Center"></HeaderStyle>
            </telerik:RadGrid>
    </asp:Panel>
    <br />
    <br />
    <asp:Label ID="lblError" runat="server" Width="100%" ForeColor="Red" Font-Bold="True"></asp:Label>
    <br />
    <br />
    <telerik:RadButton ID="btnSubmit" runat="server" Font-Bold="True" Font-Size="X-Large" Height="40px" Text="Submit" Width="150px" UseSubmitBehavior="False" OnClick="btnSubmit_Click"></telerik:RadButton>
    </div>
    </form>
</body>
</html>

using System;
using System.Data;
using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page
{
    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        RadGrid1.MasterTableView.Columns.Clear();
        DataTable myDataTable = new DataTable();

        Add_Column("NAME", "Name", 300, ref myDataTable);
        Add_Column("TYPE", "Type", 100, ref myDataTable);

        string[] cols = { "aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg" };

        foreach (var item in cols)
        {
            Add_Column(item, item, 300, ref myDataTable);
        }

        for (int i = 0; i < 26; ++i)
        {
            DataRow myRow = myDataTable.NewRow();
            myRow["NAME"] = i.ToString() + (char)(65 + i);
            myRow["TYPE"] = "string";

            foreach (var item in cols)
            {
                myRow[item] = item + i.ToString();
            }

            myDataTable.Rows.Add(myRow);

        }

        RadGrid1.DataSource = myDataTable;
    }


    protected void Add_Column(string name, string header, int width, ref DataTable myDataTable)
    {
        // Define grid column
        GridBoundColumn newColumn = new GridBoundColumn();
        newColumn.DataField = name;
        newColumn.UniqueName = name;
        newColumn.ReadOnly = true;
        newColumn.HeaderText = header;
        newColumn.HeaderStyle.Width = width;

        // Add the column to the grid and the data table
        RadGrid1.MasterTableView.Columns.Add(newColumn);
        myDataTable.Columns.Add(name);
    }


    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        lblError.Text = "Click";
    }
}

Before clicking the button:

After clicking the button

Any ideas what is causing this and how to stop it so the column headers remain displayed?

Grid

answered on 17 Mar 2022

0 answers

205 views

RadMultiSelect

Hi,

I am trying to explore the below mentioned demo of multiselect with virtualization on my local machine, as per the demo i have created all the required html, script and web service.

It is showing me the result from the web service but when i try to select an item it is throwing the error. I have attached the error screenshot.

Can you please help me understand the issue.

Demo URL - https://demos.telerik.com/aspnet-ajax/multiselect/virtualization/defaultcs.aspx?_ga=2.211857303.2029322217.1647423137-1941866349.1635312360

Error Screenshot -

MultiSelect

asked on 16 Mar 2022

1 answer

122 views

RadTileList not sending TileClick event

Hello, I have a RadTileList in my page in which I add Tiles in the code behind. I need to know when a tile is clicked.

The problem is that the click event is only sent when I click on a tile created in aspx, not in the code behind.

When I click on a tile created and added to the RadTileList in the code behind, nothing happens.

I also tried to add a click event to the tile itself, but that didn't help.

RadTileList :

<telerik:RadTileList RenderMode="Mobile" SelectionMode="Single" runat="server" ID="RadTileList1" Style="max-height: 900px" OnTileClick="SupportTile_Click" OnSelectionChanged="SupportTile_Click" AutoPostBack="true">
    <Groups>
        <telerik:TileGroup Title="Supports">
            <telerik:RadContentTemplateTile runat="server" Shape="Wide" Height="100%">
                <ContentTemplate>
                    <div class="row">
                        <div class="col" style="max-width: 4%">No.</div>
                        <div class="col" runat="server" style="max-width: 15%; border: solid 1px black; text-align: center;">
                        </div>
                        <div class="col" style="max-width: 10%">Status</div>
                        <div class="col" runat="server" style="max-width: 33%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 14%">Barcode</div>
                        <div class="col" runat="server" style="max-width: 64.2%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 7%">Four</div>
                        <div class="col" runat="server" style="max-width: 30%; border: solid 1px black; text-align: center;"></div>
                        <div class="col" style="max-width: 13%"></div>
                        <div class="col" style="max-width: 5%">Actif</div>
                        <div class="col" style="max-width: 4%">
                            <asp:CheckBox Checked="true" runat="server"></asp:CheckBox></div>
                    </div>
                </ContentTemplate>
            </telerik:RadContentTemplateTile>

        </telerik:TileGroup>
    </Groups>
</telerik:RadTileList>

Tile insertion in code behind :

RadContentTemplateTile rctt2 = new RadContentTemplateTile();
rctt2.Shape = TileShape.Wide;
rctt2.Click += SupportTile_Click;
rctt2.AutoPostBack = true;
RadTileList1.Groups[0].Tiles.Add(rctt2);


protected void SupportTile_Click(object sender, EventArgs e){}

TileList

UI for ASP.NET AJAX in ASP.NET MVC

answered on 16 Mar 2022

0 answers

119 views

GRAND-CHILD RadWindow wont restore focus on parent (CHILD) when closed using "X"

I have a window (1) that opens a radwindow dailog (2) as modal - this is working properly.

If the child dialog (2) opens a new radwindow (3), launched from the parent (1) and also set to modal,
I am having issue when closing the GRAND-CHILD (3) Window using browser close ('x' in top right corner)

If I use a button and call oWin.close(result) then there is no problem.
The grandchild (3) windows closes, passes the arguments to the parent (1) which then in turn operates on the Child (2) Window.

However, if all scenarios remain the same and the user clicks the "x" at the top right corner,
The grand-child (3) closes but the child (2) stays modal and does not have focus - the screen remains a transaprent grey.

I have tried to set focus on the child (2) window from within the OnClose method but it stays dimmed by the transparent layer.
How can I give proper focus the the second or child window when the third window is closed by using on ly the "X" ?

Thanks !

Window

asked on 15 Mar 2022

1 answer

102 views

release history - bad links

All the links on the release history page link to an "oops..." (Error 404) page:
https://www.telerik.com/support/whats-new/aspnet-ajax/release-history

Documentation and Tutorials

General Discussions

answered on 15 Mar 2022

0 answers

103 views

RadTabStrip dynamic creating loading user control, with a repeater inside the user control

I have a rather complex site, starting with a page that includes RadTabStrip, that dynamically loads user controls based on the tab. Within the user control, there are various controls - however, specifically one has a repeater.

Within the Repeater, I am attempting to add a command button (update) using a CommandArgument. However within the code behind using the 'OnItemCommand' I am unable to reference any of the controls within the repeater. They are always null/empty.

Ways I have attempted to locate:

Dim c1 As String = CType(repeaterControl.Items(e.Item.ItemIndex).FindControl("txComments"), RadTextBox).Text

---------
Dim lb As LinkButton = CType(e.CommandSource, LinkButton)
Dim txBoxValue As String = CType(lb.Parent.FindControl("txComments"), RadTextBox).Text

-----------
Dim txComments As String = CType(e.Item.FindControl("txComments"), RadTextBox).Text

I have tried many different way to attempt to gain this information - but they all appears empty. I have found that this is due to the user controls being loaded dynamically - but I am working within an establish project, and unable to change that part. Is there a way to locate these controls within this type of set up.

Please assist and I have been researching this for days.

TabStrip

asked on 12 Mar 2022

0 answers

87 views

Get second level headers RadGrid

Hi,

I'd like to dynamically change names of the second-level headers in RadGrid, but I've got no idea how to access to headers which are GridBoundColumn, not GridColumnGroup. When my grid have only GridBoundColumn headers there are no problem, but i've added GridColumnGroup and it stopped working.

Could you help me to understand how to get headers of each level separately? Thanks!

 protected void RadGrid1_PreRender(object sender, EventArgs e)
            {   
                GridHeaderItem headerItem = STOCKTb.MasterTableView.GetItems(GridItemType.Header)[0] as GridHeaderItem;          
                Act = "select distinct Неделя_планир from REF_DATE where [Год-мес] = 202202 order by Неделя_планир";
                sqlCmd1 = new SqlCommand(Act, SqlConn);
                sqlDataAdap1 = new SqlDataAdapter(sqlCmd1);
                dtRecord1 = new DataTable();
                sqlDataAdap1.Fill(dtRecord1);
                if (dtRecord1.Rows.Count == 4)
                {
                    for (int i = 1; i < 5; i++)
                    {
                        headerItem[""+ i +""].Text = "Неделя " + Convert.ToString(dtRecord1.Rows[i-1][0]);
                        headerItem["1" + i + ""].Text = "Факт " + Convert.ToString(dtRecord1.Rows[i - 1][0]);
                    }
                }
                else if (dtRecord1.Rows.Count == 5)
                {
                    
                    for (int i = 1; i < 6; i++)
                    {
                        headerItem["" + i + ""].Text = "Неделя " + Convert.ToString(dtRecord1.Rows[i-1][0]);
                        headerItem["1" + i + ""].Text = "Факт " + Convert.ToString(dtRecord1.Rows[i - 1][0]);
                    }                    
                }              
            }

   <ColumnGroups>
                <telerik:GridColumnGroup HeaderText="Product Details" Name="21" HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Location" Name="22">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Category" Name="23">
                </telerik:GridColumnGroup>
                <telerik:GridColumnGroup HeaderText="Order Details" Name="24" 
                    HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
                                    <telerik:GridColumnGroup HeaderText="Order Details" Name="25"
                    HeaderStyle-HorizontalAlign="Center">
                </telerik:GridColumnGroup>
            </ColumnGroups>
								<Columns>
									<telerik:GridBoundColumn DataField="Ассортимент_код"   HeaderText="Ассортиментная позиция">
										<ItemStyle Width="270px" />
									</telerik:GridBoundColumn>
									<telerik:GridBoundColumn Aggregate="Sum" DataField="1"   HeaderText="Неделя 9" ColumnGroupName="21" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="11"   HeaderText="Неделя 9" ColumnGroupName="21" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="2"   HeaderText="Неделя 10" ColumnGroupName="22" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="12"   HeaderText="Неделя 10" ColumnGroupName="22" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="3"   HeaderText="Неделя 11" ColumnGroupName="23" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="13"   HeaderText="Неделя 11" ColumnGroupName="23" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="4"   HeaderText="Неделя 12" ColumnGroupName="24" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="14"   HeaderText="Неделя 12" ColumnGroupName="24" FooterText="Итого, кг: ">
										<ItemStyle Width="65px" />
									</telerik:GridBoundColumn>
								</Columns>

Ajax

Grid

updated question on 12 Mar 2022