Questions on UI for ASP.NET AJAX Forum

1 answer

128 views

Hello,

I have the following markup in a user control:

<tel:RadCodeBlock id="rcbFormScript" runat="server">
<script language="javascript">
    function txtSubject_Blur(sender, e) {
        //Code here
    }
</script>
</tel:RadCodeBlock>

<tel:RadTextBox ...>
    <ClientEvents OnBlur="txtSubject_Blur" />
</tel:RadTextBox>

The user control is not dynamically loaded, but it's not present on page load. When the UC is present (in response to an RadAjaxManager AJAX update), I get the error txtSubject_Blur is undefined.

Why is that? How can I correct the problem?

Thanks.

Input

answered on 30 Dec 2008

0 answers

102 views

LoadOnDemand and maintaining tree state

Hi,

I have a TreeView in a master page and use ExpandMode = webservice. How can I maintain the state of the TreeView when redirecting to another page? Previously when I was using ExpandMode = ServersideCallback, I can maintain the state by Session["TreeState"] = TreeView.GetXml() after expanding the node then loading the state back after redirecting.

Thanks.

TreeView

asked on 30 Dec 2008

4 answers

286 views

Radgrid and Ajax Manager

I have a simple scenario. One Radgrid and one button which are ajaxed like given below. Now when I bind the grid initially everything is fine. when I try to update the grid firing the click event of the button, this is the error I get "Microsoft JScript runtime error: Sys.InvalidOperationException: A control is already associated with the element."

I'm using the latest version of the Radcontrols, VS2008, MSSQL2005, DNN 4.9 and Linq. Any help is appreciated.

Thanks

<

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

<telerik:AjaxSetting AjaxControlID="btnSearch">

<telerik:AjaxUpdatedControl ControlID="RadGrid2" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid2">

<telerik:AjaxUpdatedControl ControlID="RadGrid2"

LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</

telerik:RadAjaxManager>

<

table class="table_border">

<tr>

<td>

<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>

</td>

<td>

<asp:Button ID="btnSearch" runat="server" Text="Search" />

</td>

</tr>

</

table>

<

telerik:RadGrid ID="RadGrid2" AllowMultiRowSelection="True"

EnableEmbeddedSkins="False" Skin="Web20" runat="server" Width="100%"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

AllowFilteringByColumn="True"

OnDetailTableDataBind="RadGrid2_DetailTableDataBind" GridLines="None">

<

CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

</

HeaderContextMenu>

</ClientSettings>

<telerik:RadMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_itemClick" >

<Items>

<telerik:RadMenuItem Text="Add new Item" AccessKey="g">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</CommandItemTemplate>

<telerik:GridTableView runat="server" Name="Child">

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn DataField="ItemId" HeaderText="ItemId"

UniqueName="ItemId" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Belongs To" HeaderText="BelongsTo"

UniqueName="column2" AllowFiltering="false" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="column" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SerialNum" HeaderText="SerialNum" SortExpression="SerialNum" UniqueName="SerialNum" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="FirstRecieved" HeaderText="First Received" SortExpression="FirstReceived" UniqueName="FirstReceived" AllowFiltering="false">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="Quantity" HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Location" HeaderText="Location" SortExpression="Location" UniqueName="Location" AllowFiltering="false">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<

RowIndicatorColumn>

<

HeaderStyle Width="20px"></HeaderStyle>

</

RowIndicatorColumn>

<

ExpandCollapseColumn Visible="True">

<

HeaderStyle Width="20px"></HeaderStyle>

</

ExpandCollapseColumn>

<telerik:GridTemplateColumn HeaderText="View/Edit" UniqueName="TemplateColumn" AllowFiltering="false">

<asp:LinkButton ID="lnkEdit" runat="server">View/Edit</asp:LinkButton>

</ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ItemId" HeaderText="Item ID" ReadOnly="True" SortExpression="ItemID" UniqueName="ItemID" Visible="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BelongsTo" HeaderText="Belongs To" SortExpression="BelongsTo" UniqueName="BelongsTo" > </telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SerialNum" HeaderText="SerialNum" SortExpression="SerialNum" UniqueName="SerialNum">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="FirstRecieved" HeaderText="First Received" SortExpression="FirstReceived" UniqueName="FirstReceived" >

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="Location" HeaderText="Location" SortExpression="Location" UniqueName="Location">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemTypeId" HeaderText="ItemTypeID" SortExpression="ItemTypeID" UniqueName="ItemTypeID" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TypeName" HeaderText="Part Number" SortExpression="TypeName" UniqueName="TypeName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Quantity" HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity">

</telerik:GridBoundColumn>

<telerik:GridClientSelectColumn CommandName="Select">

</telerik:GridClientSelectColumn>

</Columns>

</MasterTableView>

<

FilterMenu Skin="Web20" EnableEmbeddedSkins="False" EnableTheming="True">

<

CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

</

FilterMenu>

</

telerik:RadGrid>

Grid

answered on 30 Dec 2008

1 answer

91 views

Feature Request: Control over opacity

Hi,

The default transparency of the RadWindow is very cool. However, it can also be very distracting, and I currently have a client who definitely does not like it. It would be nice to be able to control this without jumping through hoops. A RadWindow.Opacity property would be a welcome addition.

Thanks for listening...

Window

answered on 30 Dec 2008

4 answers

190 views

RadToolTip Dynamic hyding and showing client errors

I have a RadTextBox which is dynamically hidden and shown. I also have a RadToolTip for this textbox. The problem occurs when i am dynamically hiding the text box which has the tool tip. I get client errors. This doesnt always occour but i think it is if the tool tip is open when the textbox is been hidden. In the main page i am using i get 'style' is null or not an object. In the example i have put together for posting i get 'offsetParent' is null or not an object. Can anyone advise how i might get round this.

Thanks for the help.

Mark.

<telerik:RadToolTip runat="server" ID="rttATMOk" Name="rttATMOk" Sticky="true" Position="MiddleRight"

Width="200px" Animation="Fade" ShowEvent="OnMouseOver" ShowDelay="0" RelativeTo="Element"

EnableEmbeddedSkins="False" Skin="B2C" OffsetX="52" TargetControlID="rcbATMOk"

Title="ATM Guidelines">

<tr>

<td>

Test..........

</td>

</tr>

</table>

</telerik:RadToolTip>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"

OnAjaxSettingCreating="RadAjaxManager1_AjaxSettingCreating" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<telerik:AjaxSetting AjaxControlID="rcbATM">

<telerik:AjaxUpdatedControl ControlID="rttATMOk" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="PHMain">

<telerik:AjaxUpdatedControl ControlID="PHMain" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

Width="100%" Transparency="50" HoizontalAlign="Right">

</telerik:RadAjaxLoadingPanel>

<asp:PlaceHolder runat="server" id="PHMain">

<ol>

<li>

Do you have an ATM on the premises ?

</label>

<telerik:RadComboBox Width="265px" ID="rcbATM" runat="server" RadComboBoxImagePosition="Right"

AutoPostBack="true" OnSelectedIndexChanged="rcbATM_SelectedIndexChanged" EnableEmbeddedSkins="False"

Skin="B2C">

<Items>

<telerik:RadComboBoxItem runat="server" Text="No" Value="No" />

<telerik:RadComboBoxItem runat="server" Text="Yes" Value="Yes" />

</Items>

</telerik:RadComboBox>

</li>

Does the operation of the ATM fall within our standard guidelines ?

</label>

<telerik:RadComboBox Width="265px" ID="rcbATMOk" runat="server" RadComboBoxImagePosition="Right"

EnableEmbeddedSkins="False" Skin="B2C">

<Items>

<telerik:RadComboBoxItem runat="server" Text="No" Value="No" />

<telerik:RadComboBoxItem runat="server" Text="Yes" Value="Yes" Selected="true" />

</Items>

</telerik:RadComboBox>

</li>

</ol>

</fieldset>

</asp:PlaceHolder>

public

void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

}

protected void RadAjaxManager1_AjaxSettingCreating(object sender, AjaxSettingCreatingEventArgs e)

{

e.UpdatePanel.RenderMode =

UpdatePanelRenderMode.Inline;

}

protected void rcbATM_SelectedIndexChanged(object o, RadComboBoxSelectedIndexChangedEventArgs e)

{

PHATM.Visible = (rcbATM.SelectedValue ==

"Yes");

}

protected void Go_Click(object sender, EventArgs e)

{

PHMain.Visible =

true;

}

ToolTip

answered on 30 Dec 2008

3 answers

111 views

Tooltip manager: Set Modal and ManualClose by code

Hello,
I have a grid with a tooltipmanager, when one mouse over a certain column of a row, the tooltip with detailed content of that row will show. I'm happy with that.
What I want to do is :
*If one clicks the "Edit" button INSIDE the tooltip content, the tooltip becomes Modal and ManualClose=true;

Is it possible to do that?

Thanks in advance,
Long

ToolTip

answered on 30 Dec 2008

2 answers

275 views

Page jumps to the top after datepicker/timepicker popup

I need to popup date picker and time picker above their images using PopupAbove javascript function. The issue is that page jumps/scrolls to the top after PopupAbove function. Does anyone have a solution for it? Thanks in advance.

Public

Partial Class NewWebUI

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

dtp1.DatePopupButton.Attributes.Add(

"onclick", "PopupAbove('DATE', '" + dtp1.ClientID + "')")

dtp1.TimePopupButton.Attributes.Add(

"onclick", "PopupAbove('TIME', '" + dtp1.ClientID + "')")

End Sub

<%

@ Page Language="vb" AutoEventWireup="false" CodeBehind="NewWebUI.aspx.vb" Inherits="ASPNETSample.NewWebUI" %>

<%

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

<! 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>Untitled Page</title>

function PopupAbove(source, pickerID)

{

try

{

var datePicker = $find(pickerID);

var textBox = datePicker.get_textBox();

var position = datePicker.getElementPosition(textBox);

if (source=="DATE")

{

var popupElement = datePicker.get_popupContainer();

var dimensions = datePicker.getElementDimensions(popupElement);

datePicker.showPopup(position.x, position.y - dimensions.height);

}

else

{

var popupElement = datePicker.get_timePopupContainer();

var dimensions = datePicker.getElementDimensions(popupElement);

datePicker.showTimePopup(position.x, position.y - dimensions.height);

}

catch(err)

{}

}

</script>

</

head>

<

body>

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadAjaxManager ID="rad1" runat="server" ></telerik:RadAjaxManager>

<telerik:RadDateTimePicker ID="dtp1" runat="server" skin="Default" >

</Calendar>

</TimeView>

</telerik:RadDateTimePicker>

</div>

</form>

</

body>

</

html>

Calendar

answered on 30 Dec 2008

2 answers

132 views

Set field width in Edit mode for auto generated columns

Hello!

How (where) do I set the field width in EDIT mode for a grid with auto generated columns, please? The default EDIT field lengths are way too short.

Many thanks!

Never mind I templated the fields

Grid

answered on 30 Dec 2008

1 answer

207 views

Problem with RadAjaxManager and RadAlert

Hi,
I have a problem when I show a radalert and later when I select an item from the radcombobox the radalert come
back again, how can I fix this problem?

code:
RadAjaxManager1.ResponseScripts.Add("Sys.Application.add_load(function()" & Chr(13) & "" & Chr(10) &"{radalert('Diligencia Insertada', 250, 150);})")

the control radcombobox is with radajaxmanager and not with postback.
code:

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

<telerik:AjaxSetting AjaxControlID="Cmb_Usuario_Responsable">

<telerik:AjaxUpdatedControl ControlID="Cmb_Numero_Planilla"LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

Width="75px">

<img alt="Loading..." src=' <%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading7.gif") %>'

style="border: 0px;" />

</telerik:RadAjaxLoadingPanel>

thanks in advance.

Ajax

answered on 30 Dec 2008

6 answers

243 views

Having both left and right aligned tabs?

Hi,

Is there a way to have both left and right-aligned tabs in the same tabstrip ? For example, I'd like to something like this :

Tab1, Tab2, Tab3 [SPACE] Tools, Help

Is there a way to do that?

Thanks a lot,

Dominic

Tabstrip v2008.3.1204.35

TabStrip

answered on 30 Dec 2008