Questions on UI for ASP.NET AJAX Forum

1 answer

249 views

Date format for a row in a RadGrid

Hi everyone,

I have a radgrid where every column begins with a date (first row is a date).

Is there a way to set a date formatting for a Row within a RadGrid?

Thank you

Grid

answered on 19 Jan 2016

4 answers

126 views

RadProgressManager OnClientProgressStarted running on any RadAjax postback

Hi,

I am using version 2015.1.401.40 of the ASP.NET for AJAX controls.

I have an ascx control that contains the RadUpload control along with a RadProgressArea and a RadProgressManager.

I have it in an aspx file that uses the RadAjaxManager and the aspx control also contains many other ascx controls.

Many of the ascx controls are being updated by the RadAjaxManager...

PROBLEM:

When I do anything on the aspx form that does an ajax postback, the OnClientProgressStarted event is being fired on the RadProgressManager.

As an example, I have an ajaxed ascx control that contains a telerik radgrid and when I put a row into edit mode on that grid, the OnClientProgressStarted event is fired on the RadProgressManager. I know that, because I call a javascript function from it and have put a debugger statement in it...

This causes totally undesirable behavior. I only want that event to fire when I'm using the upload control...

Q. Can you tell me if there is anything I can do to try to correct this behavior and NOT have OnClientProgressStarted fired on every ajax postback on the page?

Thanks,

Brent

Upload (Obsolete)

answered on 19 Jan 2016

1 answer

39 views

Latest version is moving the position of external script tags to the end of the head

Hi I'm having a problem since I upgraded to version 2015.3.1111.40. It seems that some external javascript tags are being moved from their position about half way up the head to the end of the head after the stylesheets are rendered. Unfortunately this is breaking javascript in the head that is trying to reference the scripts before they are defined.

Please see the pseudo code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>

==========SCRIPT TAGS RENDERED HERE WITH VERSION 2015.2.729.40===============
<script type="text/javascript" src="client.ashx"></script>
<script type="text/javascript" src="/JS/CustomEvent.js"></script>
<script src="/JS/GlobalEvents.js" type="text/javascript"></script>
=============================================================================

<script type="text/javascript">
//JAVASCRIPT STUFF
</script>

<link href="/WebResource.axd?d=GeaE1XAZCbM2xElfdpakRWK9V6QS7AU3nicMeAJ5diojozmIVm1_p383miQXR21SID15m4fD4kpKk2qGqs7PBSKutB6vkDGmWUpRyxfTq3r3IS9j5B90EIspv7UqcD_itjnaxcLSVzL7F9U0bbAKJQ2&t=635827770660000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />


============SCRIPT TAGS NOW RENDERED HERE WITH VERSION 2015.3.1111.40=========
<script type="text/javascript" src="client.ashx"></script>
<script type="text/javascript" src="/JS/CustomEvent.js"></script>
<script src="/JS/GlobalEvents.js" type="text/javascript"></script>
==============================================================================

</head>

This is the rendered version of the page, the source has a code block and a script block in the head which may have some bearing?

Hope somebody can help as this is a large project and we can't make it live until we fix things.

Kind regards

Alan

General Discussions

answered on 19 Jan 2016

1 answer

84 views

Readonly events

I want to open a Tooltip with TooltipManager when the user clicks over a READ-ONLY RadRating. Is there a way to achieve this? It works with OnMouseOver, but i'm unable to assign the Click event :-(

Rating

answered on 19 Jan 2016

7 answers

209 views

DataNavigateUrlField target

How set DataNavigateUrlField target?
I load telerik:RadMenu from SqlDataSource and want to bind target field....

PanelBar

answered on 19 Jan 2016

1 answer

196 views

RadGrid exposes URL encoding to user on RadEditor

I have a page with RadEditor on it with properties:

NewLineMode = EditorNewLineModes.Br;

EditModes = EditModes.Design;

This editor contains data, for example: Before.png

When I inspect the element in the browser, I get:

<textarea name=

"Master$ContentPlaceHolderBody$UserControlCertificateEditChecks$UserControlCheckPersonalReferenceUKEdit$TextBoxResultWhyCandidate"

id=

"Master_ContentPlaceHolderBody_UserControlCertificateEditChecks_UserControlCheckPersonalReferenceUKEdit_TextBoxResultWhyCandidateTextArea"

style="width:100%;height:150px;">Area of familiarity %28Project Manager%29 albeit in a new area.

%3cbr/%3eAble to work well with others and understanding new ways of working.

%3cbr/%3eEnthusiastic.

%3cbr/%3eKeen to succeed.

%3cbr/%3e</textarea>

On the same page is a RadGrid. When the user selects 'Save Changes', on the RadGrid, the RadEditor is updated now the encoding is exposed to the user. See example: After.png

How can I stop this from happening?

Editor

answered on 19 Jan 2016

1 answer

226 views

Grid RowSpan

How to make the Boder appear？

Thank!

Grid

answered on 19 Jan 2016

1 answer

322 views

How to remove the Check all option from RadComboBox

When there is no item in RadComboBox i did't want check all option.

<telerik:RadComboBox ID="RadComboBoxSites" runat="server" OnClientItemChecking="OnClientItemChecking" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" DataTextField="SiteName" DataValueField="SiteUid" AppendDataBoundItems="true" OnItemDataBound="RadComboBoxSites_ItemDataBound" DropDownWidth="250px"OnClientDropDownOpening="disableComboBoxSeparator;disableCheckall" EmptyMessage="Please select a site..." MaxHeight="192px">

</telerik:RadComboBox>

ComboBox

answered on 19 Jan 2016

2 answers

182 views

RadTab sometimes not associated with the correct PageView when closing tabs client side

Hello,

I'm noticing some unexpected behavior when closing and selecting a tab using the client side javascript. First, here's the code for my page:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="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.

//This will hold a counter which will help us create unique IDs for elements

var uniquePgVwIDCounter = 0;

function addtab() {

var tabStrip1 = $find('<%= mainTabStrip.ClientID %>');

var multiPage1 = $find("<%= mainPageMultiPageCtrl.ClientID %>");

var tab = new Telerik.Web.UI.RadTab();

//Get the count of tabs so that we can use it as part of the tab name.

//Since we haven't added the new tab yet, we need to add one to the

//current tab count.

tab.set_text("Root RadTab" + (tabStrip1.get_tabs().get_count() + 1));

//Add the tab to the tab strip.

tabStrip1.get_tabs().add(tab);

//Stash the paths for the icons here so we can reuse them.

var blackCloseBtnPath = "<%= Page.ResolveUrl("~/images/Close.gif") %>";

var redCloseBtnPath = "<%= Page.ResolveUrl("~/images/Red-X-with-box.gif") %>";

//Store a reference to the jQuery object so that we can use it below.

var jTabElm = $(tab.get_innerWrapElement());

//Create a close button element. Attach a hover function to change the close

//icon on mouseover and mouseout and attach a click function to handle the

//closing of the tab.

var closeBtn = $("<img alt=\"Close this tab\" src=" + blackCloseBtnPath + " />")

.hover(

function() {

$(this).attr("src", redCloseBtnPath);

},

function() {

$(this).attr("src", blackCloseBtnPath);

}

).click(

function(e){

//Use the closure of this function to capture the

//reference to the newly created tab so that we can

//work with it easily below.

//Grab a reference to the tab that should be selected

//after this one is closed.

var tabToSelect = tab.get_nextTab();

if (!tabToSelect){

tabToSelect = tab.get_previousTab();

}

//Grab a reference to the tab's PageView so that we can

//remove it below.

var pvToRemove = tab.get_pageView();

//Remove the tab

tabStrip1.get_tabs().remove(tab);

//Select the next tab

if (tabToSelect){

tabToSelect.select();

}

//Remove the tab's PageView

multiPage1.get_pageViews().remove(pvToRemove);

//Cancel the event bubbling.

if(e){

e.cancelBubble = true;

if(e.stopPropagation){

e.stopPropagation();

}

).appendTo(jTabElm);

//Create a new PageView for this tab to hold its content.

var pageView = new Telerik.Web.UI.RadPageView();

multiPage1.get_pageViews().add(pageView);

//Check to see if this page view's ID exists yet. If it does,

//increment our unique ID counter and try again.

var newPageViewID = tab.get_text() + "_" + uniquePgVwIDCounter;

while(multiPage1.findPageViewByID(newPageViewID)){

uniquePgVwIDCounter++;

newPageViewID = tab.get_text() + "_" + uniquePgVwIDCounter;

}

pageView.set_id(newPageViewID);

pageView.get_element().innerHTML = "<iframe src=\"Content_1.aspx\" frameborder=\"0\"></iframe>";

//Associate the new PageView with the new tab.

tab.set_pageViewID(pageView.get_id());

//Select the tab since we just opened it

tab.select();

//Increment our unique ID counter

uniquePgVwIDCounter++;

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadMenu ID="topRadMenu" runat="server" ResolvedRenderMode="Classic">

<Items>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem4">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<div>

<telerik:RadTabStrip ID="mainTabStrip" runat="server"

MultiPageID="mainPageMultiPageCtrl">

<Tabs>

<telerik:RadTab runat="server" Selected="true" Text="Root RadTab1"

PageViewID="mainTabPageView"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="mainPageMultiPageCtrl" runat="server"

SelectedIndex="0" Width="100%">

<telerik:RadPageView ID="mainTabPageView" runat="server" Height="100%">

<iframe src="Main.aspx" class="KRFrame" frameborder="0"></iframe>

</telerik:RadPageView>

</telerik:RadMultiPage>

<input id="Button1" type="button" value="Add Tab" onclick="addtab()" />

<input id="SubmitBtn" type="submit" value="Submit" />

</div>

</form>

</body>

</html>

This produces a page that looks somewhat like image1.png after adding some tabs. Note, in the code behind of the Content_1.aspx page, I just have static text and a label populated by DateTime.Now.

The strange thing that's happening is when I close a tab that's not the selected tab, the PageView doesn't always get hidden correctly. Other times it does. For example, looking at image1.png, let's say that I've got Root RadTab5 selected and I close Root RadTab2. Root RadTab3 will correctly get selected but, if I then select Root RadTab5 with the mouse, it will have Root RadTab3's PageView as well as its own. This is illustrated in image2.png which shows Root RadTab3 after closing Root RadTab2 and then image3.png which shows Root RadTab5 after selecting it with the mouse.

This is happening because the PageView isn't getting its css classes changed properly as can be seen in image4.png.

If I then click Root RadTab3 and then click back on Root RadTab5, everything seems to get back "in sync" and the PageViews display correctly again, as can be seen in image5.png.

I've been trying all sorts of things to get this resolved. For instance, I've tried hiding the PageView, unselecting it, etc. but none of those resolve the problem. The only thing that fixes the problem is not removing the page view and just leaving it in the RadMultiPage. Because I'm manually assigning PageViewIDs to tabs, those PageViews never display again but they continue to build up in the HTML.

Oh, one other weird thing is that this problem only seems to happen when I am on a tab and close a tab 2 or more in front of it (or when selected index is n and the closed tab index is < n-3). For example, Let's say I have tabs 1, 2, 3, 4, and 5 open. If I am on tab 5 (at index n = 4) and I close tab 2 (at index n-3 = 1), the problem happens. On the other hand, if I'm on tab 5 (at index n = 4) and I close tab 3 (at index n-2 = 2), no problem occurs. Alternatively, let's say I have tabs 1, 2, 3, 4, 5, and 6 open. If I am on tab 6 (at index n = 5) and I close either tab 2 (at index n-4 = 1) or tab 3 (and index n-3 = 2), the problem occurs. If I close tab 4 (at index n-2 = 2), no problem.

Am I doing something wrong or is this a weird bug? I've been trying to get this figured out but I just can't seem to crack this. Any help would be much appreciated.

Regards,
John

TabStrip

answered on 19 Jan 2016

1 answer

73 views

CustomText Not Working If Listing Item is Selected

I have a ComboBox control on a page that displays a list of cities:

<telerik:RadComboBox ID="radHomeCity" EnableLoadOnDemand="true" MarkFirstMatch="true" AllowCustomText="true" TabIndex="135" runat="server">
<WebServiceSettings Path="~/webservices/contact.asmx" Method="GetCities" />
</telerik:RadComboBox>

Within the combo box is a city called Maynard. The problem is when someone wants to enter a city called May, Maynard is selected. Do you all have any ideas on what to do?

ComboBox

answered on 18 Jan 2016