Questions on UI for ASP.NET AJAX Forum

3 answers

425 views

RadDropDownTree with checkboxes created and checked dynamically

Hello,

We are using you RadDropDownTree component.

We create it dynamically with this code :

RadDropDownTree field = new RadDropDownTree();
field.Enabled = !(param.State == ParameterStateEnum.HasOutstandingDependencies);
field.CheckBoxes = DropDownTreeCheckBoxes.SingleCheck;
field.DefaultMessage = "Sélectionner parmi ...";
field.ID = param.Name;
field.Width = Unit.Pixel(250);

field.EnableFiltering = true;
field.FilterSettings.Highlight = DropDownTreeHighlight.Matches;
field.FilterSettings.EmptyMessage = "Taper une recherche...";
field.FilterSettings.MinFilterLength = 3;

field.DropDownSettings.AutoWidth = DropDownTreeAutoWidth.Enabled;
field.ButtonSettings.ShowCheckAll = true;
field.ButtonSettings.ShowClear = true;

if (param.ValidValues != null)
{
  foreach (ValidValue val in param.ValidValues)
  {
     RadTreeNode item = new RadTreeNode();
     item.Value = val.Value;
     item.Text = val.Label;
     item.Checked = defaultValues.ContainsKey(val.Value);
     field.EmbeddedTree.Nodes.Add(item);
  }
}

The problem is that when we checked an item by code, the item is not displayed in the entries display zone.

If we check them while running with the mouse, it is well displayed.

Can you please help me with this problem ?

Thank you.

CheckBox

DropDownTree

answered on 18 Mar 2022

1 answer

114 views

Page is getting postback on random click on webpage

When I am selecting a value from drop-down and then clicking on web page randomly then page is getting postback and I am not getting value of selection. I am using Telerik.Web.UI RadComboBox for dropdown.

I am using Telerik.Web.UI version 2016.1.113.45

Ajax

ComboBox

DropDownList

answered on 18 Mar 2022

2 answers

191 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

303 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

249 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

225 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

200 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

116 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

116 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