Questions on UI for ASP.NET AJAX Forum

3 answers

320 views

[Solved] ToolTip error: Object doesn't support this property or method

Hi:

I have a simple example (I used code infront for ease of showing this example and pasting the code).

<%@ Page Language="VB" %>

<%@ 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">

<script runat="server">

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

RadScriptManager.RegisterStartupScript(Me, Me.GetType, "openShowRadToolTip1", "ShowMyRadToolTip1();", True)

End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server"><title>Tool tip js test</title></head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

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

<telerik:RadToolTip ID="RadToolTip1" runat="server" IsClientID="true" >

I am here!

</telerik:RadToolTip>

<script type="text/javascript">

//<![CDATA[

function ShowMyRadToolTip1() {

var radName = '<%= RadToolTip1.ClientID %>';

var rad_ToolTip = $find(radName);

if (rad_ToolTip == null) {

alert("get element by id of:" + radName);

rad_ToolTip = document.getElementById(radName);

}

rad_ToolTip.show();

};

//]]>

</script>

</form>

</body>

</html>

I have a tool-tip that I am trying to to show via javascript, but I am getting the following error:
Microsoft JScript runtime error: Object doesn't support this property or method
I believe that getElementById ultimately finds the div tag (not the $find), but the show method is not understood.
Phil

ToolTip

answered on 16 Dec 2010

8 answers

153 views

Problem with RadToolTipManager using Web Service

I am using the ToolTip with Web Service (http://demos.telerik.com/aspnet-ajax/tooltip/examples/webservice/defaultcs.aspx)
for my Web Application (Visual Studio 2010 .NET 4.0 Framework w / Telerik Rad Controls for ASP.NET AJAX Q2 2010 NET 40)

I am replicating the exact same functionality as in the Example above with a repeater control, but when I mouse over the Repeater the tool tips shows the me information about another image within the tooltip.

For Example
Mouse Over Image 4 = Tooltip shows me information about Image 8

The only repeater item that works consistently is the first repeater item that is rendered

***It seems that the when I mouse over the Repeater image ToolTipManager calls the webservice method multiple times

I have isolated everything that could cause a problem. I have checked my webservice call to the database and it is working fine.
Looks like some issue with the control not sure what is happening here.

Attached is the code

ToolTip

answered on 16 Dec 2010

1 answer

144 views

RadEditor Toggle Screen mode Overlays

Hi,

I am using RadEditor inside the usercontrol which is inside the div tags, when I click the toggle screen mode to full screen view it overlays, The application has top Nav, left nav so it gets overlaid, If I don't use topnav and left nav , it just works perfect. I tried the solution provided in Knowledge Base but still the issue occur.

Thanks
-Pari

Editor

answered on 16 Dec 2010

1 answer

115 views

.Net 4.0 UpdatePanel, dropdown

We have an update panel that should be populating a radcombobox based on the selected value from a lookup screen.

This worked prior to .net 4.0. When we select the lookup in .net 4.0, the following error occurs in what looks to be a Telerik script on the below line of code. This also completely disables the radcombobox after the error!

Microsoft JScript runtime Error: Object doesn't support this property or method.

if

(this._disposeChildElements&&typeof(Sys.WebForms)!="undefined"){Sys.WebForms.PageRequestManager.getInstance()._destroyTree(c)

I believe this is in Telerik.Web.UI.dll and core.js.

I have downloaded telerik version 2010.3.1215.0. Once this is installed, what do I need to do to ensure the Bin40 version is used?

Telerik.Web.UI.dll exists in both Bin35 and Bin40.
Seems that there is an issue with the way the 4.0 UpdatePanel is interacting with the Telerik drop down.

How to resolve this?

General Discussions

answered on 16 Dec 2010

1 answer

141 views

Combobox and Updatepanel

We have an update panel that should be populating a radcombobox based on the selected value from a lookup screen.

This worked prior to .net 4.0. When we select the lookup in .net 4.0, the following error occurs in what looks to be a Telerik script on the below line of code. This also completely disables the radcombobox after the error!

Microsoft JScript runtime Error: Object doesn't support this property or method.

if

(this._disposeChildElements&&typeof(Sys.WebForms)!="undefined"){Sys.WebForms.PageRequestManager.getInstance()._destroyTree(c)

I believe this is in Telerik.Web.UI.dll and core.js.

I have downloaded telerik version 2010.3.1215.0. Once this is installed, what do I need to do to ensure the Bin40 version is used?

Telerik.Web.UI.dll exists in both Bin35 and Bin40.
Seems that there is an issue with the way the 4.0 UpdatePanel is interacting with the Telerik drop down.

How to resolve this?

ComboBox

answered on 16 Dec 2010

8 answers

493 views

Attempting to utilize ItemTemplate and WebService not working

I have been attempting to use the new RadComboBox control with a custom ItemTemplate similar to the example that you provide. I also am trying to get it to add additional results using a WebService (and potentially a WCF Service) to provide data.

I have a sample that I can post. (Please email me to get the zip file to append).

Thanks,
Andre'

ComboBox

answered on 16 Dec 2010

2 answers

100 views

RadPanel Bar Selected Item Height

I need a Panel bar with item´s height arround 30px (mainly because then icons used). To achieve this I have declared the following css:

.RadPanelBar .rpText,

.RadPanelBar .rpLink,

.RadPanelBar .rpSelected,

.rpLevel1 li

{

height: 30px!important;

display: block!important;

padding-bottom: 0px!important;

line-height:30px!important;

min-height:30px!important;

}

So far, so good.

The problem appears when an item is selected. The background bitmap do not covers all the item (see atached image).

How can I figure out this situation?

Regards

PanelBar

answered on 16 Dec 2010

1 answer

173 views

Object doesn't support id property

Hello
I am trying to add a tooltip to a RadTreeView component using a web service. I get several errors stating that the "Object doesn't support this property or method" beginning with the id property as shown in the attached screen shots.
My RadToolTipManager object is:

<telerik:RadToolTipManager ID="RadToolTipManager1" Width="300px" Skin="Black" Height="200px" HideDelay="3" RelativeTo="Element" runat="server" EnableShadow="true" OffsetX="5" Position="MiddleRight">

<WebServiceSettings Path="~/TreeViewWebService.asmx" Method="GetTestScenarioExecutionResultToolTip" />

</telerik:RadToolTipManager>

My RadTreeView object is:

<telerik:RadTreeView ID="RadTreeViewParts" runat="server" Height="100%" Width="100%" OnClientNodePopulating="nodePartsPopulating" OnNodeClick="RadTreeViewParts_NodeClick" OnClientNodeDataBound="OnClientNodeDataBoundHandler" OnClientMouseOver="OnPartsTreeNodeMouseOver">

<WebServiceSettings Path="~/TreeViewWebService.asmx" Method="GetPartNodes" />

</telerik:RadTreeView>

My client side javascript code is:

<script type="text/javascript"

>

 function nodePartsPopulating(sender, eventArgs)

{

var node = eventArgs.get_node();

var context = eventArgs.get_context();

context["Text"] = node.get_text();

context["Value"] = node.get_value();

context["Level"] = node.get_level();

context["Category"] = node.get_category();

}

function OnClientNodeDataBoundHandler(sender, e)

{

var node = e.get_node();

var nodeLevel = node.get_level();

if (nodeLevel == 5)

{

//node.set_toolTip(node.get_attributes().getAttribute("ToolTip"));

}

function OnPartsTreeNodeMouseOver(sender, eventArgs)

{

var node = eventArgs.get_node();

// var node = sender.get_node();

var nodeLevel = node.get_level();

if (nodeLevel == 5)

{

var tooltipManager = $find("<%= RadToolTipManager1.ClientID %>");

if (!tooltipManager) return;

//Find the tooltip for this element if it has been created

var tooltip = tooltipManager.getToolTipByElement(sender);

//Create a tooltip if no tooltip exists for such node

if (!tooltip)

{

tooltip = tooltipManager.createToolTip(sender);

tooltip.set_value(node.get_value());

}

//Let the tooltip's own show mechanism take over from here - execute the onmouseover just once

node.onmouseover = null;

//show the tooltip

tooltip.show();

}

</script>

My Web Service code is:

[System.Web.Script.Services.ScriptService]

public class TreeViewWebService : WebService

{

#region "GetTestScenarioExecutionResultToolTip"

[WebMethod(EnableSession = true)]

public string GetTestScenarioExecutionResultToolTip(object context)

{

IDictionary<string, object> contextDictionary = (IDictionary<string, object>)context;

string elementID = ((string)contextDictionary["Value"]);

if (elementID == string.Empty)

{

throw new Exception("No Value argument is provided to the webservice!");

}

DataTable information = new DataTable();

SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["DatabasePKIMrpDbDEV1"].ConnectionString);

try

{

conn.Open();

SqlDataAdapter adapter = new SqlDataAdapter();

try

{

adapter.SelectCommand = new SqlCommand("SELECT * FROM [vwToolTipTestScenarioExecutionResult] WHERE TestScenarioExecutionResultKey=@id", conn);

adapter.SelectCommand.Parameters.AddWithValue("@id", elementID);

adapter.Fill(information);

}

finally

{

if (!Object.Equals(adapter.SelectCommand, null)) adapter.SelectCommand.Dispose();

}

finally

{

if (conn.State == ConnectionState.Open)

{

conn.Close();

}

DataRow row = information.Rows[0];

return ViewManager.RenderView("~/TestScenarioExecutionResult/TestScenarioExecutionResultToolTip.ascx", information);

}

#endregion

I also use the RenderView class from the Web Service ToolTip example:

public class ViewManager

{

public static string RenderView(string path)

{

return RenderView(path, null);

}

public static string RenderView(string path, object data)

{

Page pageHolder = new Page();

UserControl viewControl = (UserControl)pageHolder.LoadControl(path);

if (data != null)

{

Type viewControlType = viewControl.GetType();

FieldInfo field = viewControlType.GetField("Data");

if (field != null)

{

field.SetValue(viewControl, data);

}

else

{

throw new Exception("View file: " + path + " does not have a public Data property");

}

pageHolder.Controls.Add(viewControl);

StringWriter output = new StringWriter();

HttpContext.Current.Server.Execute(pageHolder, output, false);

return output.ToString();

}

I actually don't use the OnClientNodeDataBoundHandler code with the web service approach. It is in place to support showing the standard windows tooltip. This is why the line that sets the tooltip in that function is commented out.
Any suggestions would be greatly appreciated.
Thank you,
Michael

ToolTip

answered on 16 Dec 2010

1 answer

142 views

Tabbing within an Add Record form of a RadGrid

I have a radgrid that has an Add Record form that has a RadComboBox and 2 RadNumericTextBox's (see attached image). I want to be able to press the TAB key on the Job Class Code RadComboBox and tab to the is the Gross Payroll Amount for 2008 RadNumericTextBox. Instead the tab goes to the submit button. How do I control the tabbing between fields? Below is the code for the RadGrid.

<telerik:RadGrid ID="gvGrossPayroll" runat="server"

AllowAutomaticDeletes="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="False" OnInsertCommand="gvGrossPayroll_InsertCommand"

AutoGenerateColumns="False" DataSourceID="SDS_Payroll" GridLines="None" OnItemCommand="gvGrossPayroll_ItemCommand"

ShowFooter="True" Skin="Web20" Width="544px">

<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="TopAndBottom"

DataKeyNames="ID" DataSourceID="SDS_Payroll">

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<CommandItemSettings />

<Columns>

<telerik:GridBoundColumn DataField="id" ReadOnly="True" UniqueName="ID"

Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Job Class Code" DataField="JobClass"

UniqueName="JobClass" Visible="true" ReadOnly="False" HeaderStyle-VerticalAlign="Bottom">

<ItemTemplate>

<asp:Label ID="JobClass" runat="server" Text='<%# Bind("JobClass") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox ID="ddlJobClassID" Runat="server" AllowCustomText="True"

DataSourceID="SqlDataSourceDDL" DataTextField="JobClass"

DataValueField="JobClassID" EmptyMessage="Please enter a job class code"

EnableViewState="False" AppendDataBoundItems="true"

ErrorMessage="You must enter a job class code to add a record"

MarkFirstMatch="True" ShowDropDownOnTextboxClick="False" Skin="Web20"

ToolTip="Enter a Job Class Code" Width="350px" SelectedValue='<%# Bind("JobClassID") %>'>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ErrorMessage="Job Class Code is a required field" Font-Bold="True"

Font-Names="Arial Narrow" ForeColor="Red" ControlToValidate="ddlJobClassID"

ToolTip="Job Class Code is a required field">X

</asp:RequiredFieldValidator>

</InsertItemTemplate>

<EditItemTemplate>

<asp:Label ID="JobClass" runat="server" Text='<%# Bind("JobClassID") %>'></asp:Label>

</EditItemTemplate

<HeaderStyle VerticalAlign="Bottom" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Year1"

UniqueName="PayrollAmount1" Visible="true" Aggregate="Sum" DataField="PayrollAmount1"

FooterAggregateFormatString="{0:C}" HeaderStyle-Width="60px">

<ItemTemplate>

<asp:Label ID="PayrollAmount1" runat="server" Text='<%# Eval("PayrollAmount1", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount1a" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Width="100px" Value="0" Text='<%# Bind("PayrollAmount1") %>' >

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount1" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Text='<%# Bind("PayrollAmount1") %>' Width="100px">

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<FooterStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"

Wrap="True" />

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Year2"

UniqueName="PayrollAmount2" Visible="true" DataField="PayrollAmount2" Aggregate="Sum"

FooterAggregateFormatString="{0:C}" HeaderStyle-Width="60px" >

<ItemTemplate>

<asp:Label ID="PayrollAmount2" runat="server"

Text='<%# Eval("PayrollAmount2", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount2" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency" Value="0"

Width="100px" Text='<%# Bind("PayrollAmount2") %>'>

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount2" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Width="100px" Text='<%# Bind("PayrollAmount2") %>'>

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<FooterStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"

Wrap="True" />

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete"

ConfirmText="Delete this payroll record?" ImageUrl="/images/delete.gif"

Text="Delete" UniqueName="column3">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="MemberID" DataType="System.Int16"

UniqueName="MemberID" ReadOnly="True" Visible="False">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings CaptionDataField="MemberID"

CaptionFormatString="Edit Payroll Record" ColumnNumber="1"

InsertCaption="Add Payroll Record">

<FormTableItemStyle Wrap="False" />

<FormCaptionStyle CssClass="EditFormHeader" />

<FormMainTableStyle BackColor="White" CellPadding="3" CellSpacing="0"

GridLines="None" Width="100%" />

<FormTableStyle BackColor="White" CellPadding="2" CellSpacing="0"

Height="110px" />

<FormTableAlternatingItemStyle Wrap="False" />

<EditColumn ButtonType="ImageButton" CancelText="Cancel edit"

InsertText="Insert Record" UniqueName="EditCommandColumn1"

UpdateText="Update record">

</EditColumn>

<FormTableButtonRowStyle CssClass="EditFormButtonRow" HorizontalAlign="Right" />

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Web20"

EnableImageSprites="True">

</HeaderContextMenu>

</telerik:RadGrid>

Grid

answered on 16 Dec 2010

3 answers

174 views

How to increase size of inscription for RadSlider?

I tried some ways:
1. .verticalSliderView .ItemsSlider

{

font-size:large;

}

2. in <telerik:RadSlider Font-Bold="True" Font-Size="Larger"
but it does not help: size of of font is not changed and it too small.
Please help me.

Slider

answered on 16 Dec 2010