Questions on UI for ASP.NET AJAX Forum

6 answers

72 views

RenderMode Inline ignored for panel with multiple controls

Good afternoon,

I am using ASP.NET AJAX version 2023.3.1010.45,

I have a page with a ComboBox and Grid. By choosing an Item in the ComboBox and clicking a Button, it will locate the Item in the Grid. If an Item is inserted into or deleted from the Grid, the ComboBox needs to update. Both controls have the same ObjectDataSource as their data source. This is why they share an Ajax Panel.

I am using a RadAjaxManager and RadAjaxLoadingPanel as follows (setting UpdatePanelsRenderMode to Inline):

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadComboItems">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridItems"/>
                    <telerik:AjaxUpdatedControl ControlID="RadComboItems" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGridItems">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridItems" />
                    <telerik:AjaxUpdatedControl ControlID="RadComboItems" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" BackgroundTransparency="30" RenderMode="Lightweight">
    </telerik:RadAjaxLoadingPanel>

The ComboBox and Grid appear in the same RadAjaxPanel (also with RenderMode Inline):

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" RenderMode="Inline">
    <label for="RadComboItems">Input/Select Item:</label>
    <telerik:RadComboBox ID="RadComboItems" runat="server" Height="200px" Width="200px" DataSourceID="odsItems" EnableVirtualScrolling="true" DataTextField="ItemId" DataValueField="RowNum" EmptyMessage="--Select a value--" RenderMode="Lightweight" EnableAjaxSkinRendering="true">
    </telerik:RadComboBox>
    <telerik:RadButton RenderMode="Lightweight" runat="server" Text="Select" ID="btnFindItems" OnClick="btnFindItems_Click" EnableAjaxSkinRendering="true" />

    <telerik:RadGrid ID="RadGridItems" RenderMode="Lightweight" runat="server" AllowPaging="True" DataSourceID="odsItems" AllowSorting="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True" AllowAutomaticDeletes="True" OnUpdateCommand="RadGridItems_UpdateCommand"                                    OnItemDataBound="RadGridItems_ItemDataBound" OnItemCommand="RadGridItems_ItemCommand" OnItemDeleted="RadGridItems_ItemDeleted" OnItemInserted="RadGridItems_ItemInserted" OnItemUpdated="RadGridItems_ItemUpdated" OnPreRender="RadGridItems_PreRender" CellSpacing="-1" GridLines="Horizontal" OnDetailTableDataBind="RadGridItems_DetailTableDataBind" AllowFilteringByColumn="true" OnInfrastructureExporting="RadGridItems_InfrastructureExporting">
....
....
    </telerik:RadGrid>
</telerik:RadAjaxPanel>

When the page first renders, the ComboBox and Button render as expected:

<div class="RadAjaxPanel" id="ctl00_maincontent_ctl00_maincontent_RadComboItemsPanel" style="display: inline;">

Once the Button is pressed though, the rendering changes to Block:

<div class="RadAjaxPanel" id="ctl00_maincontent_ctl00_maincontent_RadComboItemsPanel">

Is there anyway to prevent this from happening, without having to specify this on the page:

    <style type="text/css">
        .RadAjaxPanel
        {
            display: inline !important;
        }
    </style>

Kind regards,

Richard

AjaxLoadingPanel

AjaxPanel

ComboBox

answered on 06 Nov 2024

2 answers

47 views

Disabling changes to RadEditor content without using server-side Enabled property

I want to restrict the editing of a RadEditor, but I don't want to set its server-side Enabled property to false.

Using client-side JavaScript, I'm using editor.enableEditing(false), but this still allows the user to delete or backspace to remove content. It does not allow adding new content, nor respond to any other key.

I've tried to add an event listener for the onkeydown and keydown event to prohibit the delete and backspace keys, but that doesn't stop the user from deleting content, either.

While debugging, I noticed that the content gets deleted prior to hitting the e.preventDefault() that is intended to stop it.

How can I accomplish this task?

editor.enableEditing(false);
     editor.get_contentArea().onkeydown = e => {                         
         if (e.keyCode === 8 || e.keyCode === 46) { // Prevent Backspace (8) and Delete (46)
             e.preventDefault();
             e.stopPropagation();
             e.stopImmediatePropagation();
             return false;
         }
     };

Editor

answered on 02 Nov 2024

1 answer

59 views

Save Radtreelist state asp.net c#

Good morning! I would like to know if it is possible to save the state of the radtreelist with the nodes that were opened or closed and this way when the user reloads the screen it will be displayed the way it was before?

Radtreelist asp.net c#

TreeList

answered on 31 Oct 2024

1 answer

48 views

RadScheduler Weekview header questions

Two issues on the RadScheduler Weekview column header:

How to disable the clickable link in the column header?
We want to only show dayname as header eg. "Sunday Monday Tuesday". What format string to use herefore?

Thanks,

Marc

Scheduler

answered on 31 Oct 2024

1 answer

85 views

Get index of series item when clicked

How can I get the index of the series item on a Line Chart when clicking on it?

I am using OnSeriesClick

function OnSeriesClick(args) {
alert(args.value);
}

I don't care about the value of the item, what I need is the index of it in the series.

Thanks,

Ajax

Chart (HTML5)

Chart (Obsolete)

answered on 31 Oct 2024

1 answer

56 views

Gantt Chart Dependent Tasks

In the gantt chart web client, when I shift one of the tasks that has a chain of dependent tasks below it, the dependencies don't shift the same number of days; I have to manually edit each one.

Am I missing something, or is this not a feature?

Thanks!

Gantt

answered on 31 Oct 2024

0 answers

67 views

Fixed Timeline Column Header during Vertical Scrolling

Hi Telerik Team,

One of our requirements is to keep the timeline column header fixed during vertical scrolling when there are numerous records displayed that extend beyond the default view. This feature is essential for improving user navigation and readability.

The following picture depicts the implementation.

The output.

Could you please advise if there is a method or configuration available to achieve this behavior within the Telerik RadScheduler component?

Regards,

Sathyendranath

Scheduler

Timeline

asked on 28 Oct 2024

1 answer

39 views

How to make legend unclickable

I would like to disable ability to click on chart legend items.

Any ideas?

Thank you

Chart (HTML5)

answered on 28 Oct 2024

1 answer

52 views

Incorrect valid state on the client-side for RadCaptcha

I am using a RadCaptcha control in my web page. If I don't input anything in the textbox of RadCaptcha or enter an invalid code, then after the ajax postback returns the client-side Validity object for the RadCaptcha textbox as shown below is always showing that RadCaptcha is valid when it's not. I thought the Validity object should reflect the invalid state of RadCaptcha. There is only one RadCaptcha in my web page.

Why is the client-side Validity object on RadCaptcha's textbox not showing the correct state? Can I check on the client-side if RadCaptcha is valid since the Validity object is not reliable. I am using Telerik ASP.NET AJAX Q2 2020 version.

Captcha

answered on 25 Oct 2024

1 answer

50 views

RadNavigation unable to hold data after postback

This is a test project I'm working on, here is the .master page

<%@ Master Language="VB" CodeFile="TelMenu.master.vb" Inherits="ZForges_TelMenu" %>

<!DOCTYPE html>

<html>
<head runat="server">
<title></title>

<meta name="viewport" content="width=device-width, initial-scale=1 shrink-to-fit=no">


<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

function OnClientItemClicking(sender, args)
{
if (args.get_item().get_navigateUrl() === null)
{
args.get_item().open();
args.set_cancel(true);
}
}

</script>
</telerik:RadCodeBlock>

</head>
<body >
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<div class="container-fluid">
<div class="row BannerRow">
<div class="col-10 col-sm-6 text-left h3">
Title here
</div>
</div>

<div class="row">
<div class="col-12">
<%--<telerik:RadMenu ID="rdMenu" runat="server" ShowToggleHandle="true" OnClientItemClicking="OnClientItemClicking" ExpandAnimation-Type="None" CollapseAnimation-Type="None"></telerik:RadMenu>--%>
<telerik:RadNavigation ID="rdNav" runat="server" MenuButtonPosition="Left"></telerik:RadNavigation>
</div>
</div>

<div class="row">
<div class="col-12">
<asp:ContentPlaceHolder id="cpMain" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>

</form>
</body>
</html>

the code behind of the .master page below

Imports System.Data
Imports Telerik.Web.Device.Detection
Imports Telerik.Web.UI

Partial Class ZForges_TelMenu
Inherits System.Web.UI.MasterPage

Private Sub ZForges_TelMenu_Load(sender As Object, e As EventArgs) Handles Me.Load
Try

If Not IsPostBack Then

LoadMenu(Session("UserID"))

End If

Catch ex As Exception

End Try
End Sub

Private Sub LoadMenu(iUserID As Integer)
Try
Dim objUser As New TestClass

'rdMenu.DataSource = objUser.GetUserMenu(iUserID)
'rdMenu.DataTextField = "MenuName"
'rdMenu.DataNavigateUrlField = "URL"
'rdMenu.DataFieldID = "MenuID"
'rdMenu.DataValueField = "MenuID"
'rdMenu.DataFieldParentID = "ParentID"
'rdMenu.DataBind()

rdNav.DataSource = objUser.GetUserMenu(iUserID)
rdNav.DataTextField = "MenuName"
rdNav.DataNavigateUrlField = "URL"
rdNav.DataFieldID = "MenuID"
rdNav.DataFieldParentID = "ParentID"
rdNav.DataBind()

objUser = Nothing

Catch ex As Exception

End Try
End Sub

End Class

a simple .aspx page with a radbutton on it

<%@ Page Title="" Language="VB" MasterPageFile="~/ZForges/TelMenu.master" AutoEventWireup="false" CodeFile="Welcome.aspx.vb" Inherits="ZForges_Welcome" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cpMain" Runat="Server">
Welcome Page
<telerik:RadButton ID="btnSearch" runat="server" Text="RadButton"></telerik:RadButton>

</asp:Content>

the radnavigation loads just fine for the first time, then its contents disappear after a postback
when I click the radbutton on the child page (welcome.aspx) the rad navigation contents disappear, if I use a radmenu instead, its able to hold the values

can someone explain whats going on?

Navigation

answered on 22 Oct 2024