Questions on UI for ASP.NET AJAX Forum

1 answer

340 views

Sys.InvalidOperationException: Could not find UpdatePanel with ID

I thought I'd post this to possibly help those with the same issue and not loose a day as I did.

Error: Sys.InvalidOperationException: Could not find UpdatePanel with ID

The scenario...

A page with 3 usercontrols
the user controls contain radgrids, radwindows for editing records in the grids and other controls.

The RadAjaxManager is on the aspx page with RadAjaxProxies on the ascx pages.

Even if you do not have an updating event to one of the 3 usercontrols, you must include a RadAjaxProxy without any AjaxSettings or you may experience this error. It is my belief that once a AjaxManager is placed and Proxies on the content controls, all content controls need a proxy.

Can someone from Telerik confirm this?

Thanks

Ajax

answered on 11 Apr 2011

1 answer

130 views

RadAjaxManager not reloading javascript in IE7

Hi,

I have an issue javascript not reloading in IE7, in all the other browsers this works good. My application has a Multiview controlled by some LinkButtons. Inside of each view I have a user control and I have some javascript inside of each of them. All this inside of a RadAjaxManager.

The code on the page looks like this:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="LinkScottDecker">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="LinkScottDecker" />

<telerik:AjaxUpdatedControl ControlID="MultiView1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="LinkBradBlock">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="LinkBradBlock" />

<telerik:AjaxUpdatedControl ControlID="MultiView1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:LinkButton ID="LinkScottDecker" runat="server" OnClick="LinkScottDecker_Click" ToolTip="Scott Decker">

<asp:Image ID="scottdeckerImage" runat="server" ImageUrl="~/img/executive-thumb-scott-decker.jpg" CssClass="exec-thumbs-scott" />

</asp:LinkButton>

<asp:LinkButton ID="LinkBradBlock" runat="server" OnClick="LinkBradBlock_Click" ToolTip="Brad Block">

<asp:Image ID="bradblockImage" runat="server" ImageUrl="~/img/executive-thumb-brad-block.jpg" CssClass="exec-thumbs-first-line" />

</asp:LinkButton>

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

<asp:View ID="ViewScottDecker" runat="server">

<ucBio1:ucScottDecker ID="ucScottDekcer1" runat="server" />

</asp:View>

<asp:View ID="ViewBradBlock" runat="server">

<ucBio2:ucBradBlock ID="ucBradBlock1" runat="server" />

</asp:View>

</asp:MultiView>

The code inside of the user controls looks like this:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucScottDecker.ascx.cs" Inherits="uc_bios_ScottDecker" %>

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

<img src="../img/executive-photo-scott-decker.jpg" class="exec-photo" alt="Scott Decker" />

<p>Scott Decker</p>

<p>As President, Scott Decker believes the best is yet to come............</p>

<telerik:radscriptblock id="RadScriptBlock2" runat="server">

<script type="text/javascript">

var $j = jQuery.noConflict();

$j(document).ready(function () {

//When you click on a link with class of poplight and the href starts with a #

$j('a.poplight[href^=#]').click(function () {

var popID = $j(this).attr('rel'); //Get Popup Name

var popURL = $j(this).attr('href'); //Get Popup href to define size

//Pull Query & Variables from href URL

var query = popURL.split('?');

var dim = query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in the Popup and add close button

$j('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('<a href="#" class="close" onclick="javascript:ytplayer.stopVideo()"><img src="../img/close_pop.png" class="btn_close" title="Close Window" alt="Close" border="0" /></a>');

//Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css

var popMargTop = ($j('#' + popID).height() + 80) / 2;

var popMargLeft = ($j('#' + popID).width() + 80) / 2;

//Apply Margin to Popup

$j('#' + popID).css({

'margin-top': -popMargTop,

'margin-left': -popMargLeft

});

//Fade in Background

$j('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

$j('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

return false;

});

//Close Popups and Fade Layer

$j('a.close, #fade').live('click', function () { //When clicking on the close or fade layer...

$j('#fade , .popup_block').fadeOut(function () {

$j('#fade, a.close').remove(); //fade them both out

});

return false;

});

</script>

<script type="text/javascript">

var params = { allowScriptAccess: "always" };

var atts = { id: "myytplayer" };

swfobject.embedSWF("http://www.youtube.com/e/I5QezMuqpJA?enablejsapi=1&playerapiid=ytplayer",

"ytapiplayer", "560", "349", "8", null, null, params, atts);

function onYouTubePlayerReady(playerId) {

ytplayer = document.getElementById("myytplayer");

}

</script>

</telerik:radscriptblock>

<div>

<p>Transforming Healthcare:br />

<a href="#?w=560" class="poplight" rel="popup_name">How NextGen continues to be an industry

leader.</a>

</p>

</div>

<div id="popup_name" class="popup_block">

<!--<center><iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/I5QezMuqpJA" frameborder="0" allowfullscreen></iframe></center>-->

<div id="ytapiplayer">

You need Flash player 8+ and JavaScript enabled to view this video.

</div>

I just need that javascript to load every time the multiview is updated.

Ajax

answered on 11 Apr 2011

8 answers

315 views

[Solved] Translate description in RadGrid

Hi,
I want to translate commands in RadGrid of Telerik 2009 SP1. Image below shows my grid:
http://img515.imageshack.us/img515/1822/translate.jpg
Elements that I want to display with polish description are in red circle.
How can I do that in c# code?

Grid

answered on 11 Apr 2011

3 answers

426 views

Client Resizing of TextBox

Hello,

Is there anything in-built that allows a user to resize a RadTextBox to the size of their liking? Or is there a way to make that work? Something that gives the user the ability to select the border of the textbox, and click and drag to resize?

Thanks.

Input

answered on 11 Apr 2011

1 answer

84 views

RadEditor and SharePoint 2010

SharePoint strips certain HTML tags including <iframe> <video> etc. Is there any easy customization in the radeditor control to stop sharepoint form stripping certain html tags. With HTML5 video and the use of iframes to embed you tube video this is going to become more and more of an issue especially for WCM and blog use

Editor

answered on 11 Apr 2011

1 answer

96 views

Dynamic TabStrip and UserControl

Hello,
I create my page with dynamic usercontrol using tabstrip . In my parent page I have Save Button and Muliple tab.
When I Click the Save Button from Parent Page i want all tab data are save to database. My problem is I can't
find input data from Parent Page.If I input some data from tabstrip textbox and save ,only got null value . Can anyone help me?

TabStrip

answered on 11 Apr 2011

5 answers

362 views

Prompt to save change in edit mode

I have a RadGrid that uses Inline edit mode. My grid only supports editing one row at a time and all works fine so long as the user clickes the update button after editing the row to commit the changes to the database.

If the users has row 1 in edit mode and does not click update, but selects a different row to place into edit mode, I would like to pop up a message box asking the user if they want to save their changes before moving to edit the new row.

How can I accomplish this? When a new row is placed into edit mode the previous row does not get a cancel event for me to trap.

Tim

Grid

answered on 11 Apr 2011

3 answers

379 views

Child Controls in Rad Grid

I have a RadGrid with checkbox( GridClientSelectColumn ) to select a row. All columns are created using templates. How can i get the child controls in the RadGrid from client side using javascript and from server side using C#.

Grid

answered on 11 Apr 2011

1 answer

111 views

Question about RADGrid Event

Hello,
I have a RADGRID in which the first column is a GRidButtonColumn and rest of em are GridBoundColumns. Idea being, when I click on the Button(first Column) in the grid, the details of that row(based on the other columns, I am getting other details from the table) should be populated in the dropdowns and textboxes(outside the grid). So I am looking for the event which fires, when i click the button.

Appreciate the help...
Thanks

General Discussions

answered on 11 Apr 2011

2 answers

84 views

Dotted line is not visible in case of Modalpopup extender.

Hi Telerik

I am using RadTreeView in one of my components, I am opening a Panel using Modal po pup extender which contains Rad Tree View.

My customers always have a complaint that they are not understanding where to drop the element exactly.

Please show some direction so that we can drag and drop easily.

Thanks in advance

TreeView

answered on 11 Apr 2011