This is a migrated thread and some comments may be shown as answers.

Textbox in RadPanel - Can not longer have a space

6 Answers 266 Views

PanelBar

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 12 May 2016, 07:35 AM

TextBoxInRadPanel.zip

Hello Richard,

Attached you will find a simple web-page trying to implement your scenario. There are RadTextBoxes and asp TextBoxes placed in RadAjaxPanel, RadPanelBar and RadPane. On our side, none of them reproduces the problem observed.

Could you, please tell us if I am missing something in the sample sent and give us a bit more information about your scenario? Which is the browser you are using when you observe this issue?

Regards,
Veselin Tsvetanov
Telerik

Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.

answered on 12 May 2016, 01:38 PM

I've attached a test file I've been used. I should have been more clear and I apologize for that, I have a text box inside a collapse RadPanelBar. In the attached, you will find a panelbar that is collapsed by default, when you expand it, should have two radtextboxes in it and when I try to hit the space key, nothing happens. I've tested in Firefox, Edge and Chrome and all have the same results for me.

Thanks,

Richard

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="pTasksTest.aspx.cs" Inherits="pTasksTest" Title="Contact Manager" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>

<!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 id="Head1" runat="server">

<title>Test</title>

</head>

<body>

<form id="myForm" runat="server">

<div>

<asp:ScriptManager id="ScriptManager" runat="server" EnableViewState="false" EnablePartialRendering="true" />

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" AllowCollapseAllItems="true" Width="100%" Skin="MetroTouch">

<Items>

<telerik:RadPanelItem Value="Bar0" Enabled="True" Text="Click Here to Add Pending Action" runat="server" Visible="true" BackColor="#25a0da" ForeColor="White">

<Items>

<telerik:RadPanelItem Value="Bar1" runat="server">

<ItemTemplate>

<div class="text" style="background-color: #f9fff4">

<asp:Label runat="server" ID="lblError" ForeColor="Red" />

<table width="100%" border="0">

<tr valign="top">

<td></td>

<td colspan="2"><telerik:RadTextBox Width="85%" ID="txtActivityName" runat="server" EmptyMessage="Enter activity subject" InvalidStyleDuration="100" MaxLength="100" /></td>

</tr>

<tr>

<td></td>

<td colspan="2">

<telerik:RadTextBox Width="99%" ID="txtActivityNote" TextMode="MultiLine" Resize="Vertical" Rows="3" runat="server" EmptyMessage="Description/Notes" InvalidStyleDuration="100" />

</td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

<CollapseAnimation Duration="100" Type="None" />

<ExpandAnimation Duration="100" Type="None" />

</telerik:RadPanelBar>

</div>

</form>

</body>

</html>

And code behind really has nothing in it:

//Standard classes that need to be loaded

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

//Classes needed for SQL connect

using System.Data;

using System.Data.SqlClient;

using System.Data.OleDb;

//Classes needed for replace string

using System.Text.RegularExpressions;

//Custom DLL

using Telerik.Web.UI;

public partial class pTasksTest : System.Web.UI.Page

{

void Page_Load(object sender, EventArgs e)

{

}

answered on 13 May 2016, 12:44 PM

Hi Richard,

Thank you for the additional information provided. Based on that we were able to reproduce the problem and we can confirm that it is a bug in the RadPanelBar control. It does not allow user to type space in an input element within an item.

We have added the bug fix to our backlog, so you could track the bug status in our Feedback portal.

Until the bug is fixed, you could simply set TabIndex for the RadPanelBar to avoid the observed problem:

<telerik:RadPanelBar runat="server" TabIndex="100">

p.s.: As a token of gratitude for the reported bug we have updated your Telerik points.

Regards,
Veselin Tsvetanov
Telerik

Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.