or
public void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs e){ if (e.Value != null) { Control ctrl = Page.LoadControl("OrgChartUserDetail.ascx"); ctrl.ID = Guid.NewGuid().ToString(); e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl); OrgChartUserDetail details = (OrgChartUserDetail)ctrl; details.ID = e.Value; }}void orgUserOrgChart_GroupItemDataBound(object sender, Telerik.Web.UI.OrgChartGroupItemDataBoundEventArguments e){ var panel = (Panel)e.Item.FindControl("Panel1"); RadToolTipManager2.TargetControls.Add(panel.ClientID, e.Item.ID, true);}<telerik:RadOrgChart ID="orgUserOrgChart" runat="server" ClientIDMode="Static" OnNodeDataBound="orgUserOrgChart_NodeDataBound" GroupColumnCount="2" Skin="Silk"><ItemTemplate> <asp:Panel runat="server" ID="Panel1"> <span class="pseudoImage" style="background-image: url('<%# DataBinder.Eval(Container.DataItem, "PictureString") %>')"></span> <a href="<%# String.Format("mailto:{0}", DataBinder.Eval(Container.DataItem, "eMail"), "", "")%>" class="tooltipLinks"> <img src="images/mail.png" width="25px" alt="Send Email"></a> </asp:Panel> </ItemTemplate> <RenderedFields> <NodeFields> <telerik:OrgChartRenderedField DataField="Description" Label="" /> </NodeFields> </RenderedFields></telerik:RadOrgChart><telerik:RadToolTipManager runat="server" ID="RadToolTipManager2" Skin="Default" OnAjaxUpdate="OnAjaxUpdate" Position="BottomRight" OffsetX="16" OffsetY="16" EnableShadow="false" Width="195" Height="135" HideEvent="LeaveTargetAndToolTip" />Hi
I use the DataNavigateUrlField property to transfer users to Another page when they click a node in the tree, is there Another way to do that using JavaScript instead, for example I use this exsisting JavaScript..
<script type="text/javascript"> function onNodeClicked(sender, args) { var node = args.get_node(); node.set_expanded(!node.get_expanded()); } function nodeClicking(sender, args) { var nodeAtt = args.get_node().get_attributes().getAttribute("toClick"); if (nodeAtt == "NotClickable") { args.set_cancel(true); var node = args.get_node(); node.set_expanded(!node.get_expanded()); } }</script>Version=2011.1.426.35
JavaScript:
<script type="text/javascript"> function pageLoad() { $get("div1").style.display = "block"; }</script><telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" /><div id="div1" style="display: none;"> <select> <option>text1</option> <option>text2</option> <option>text3</option> </select></div><div id="div2" style="display: none;"> <select> <option>text1</option> <option>text2</option> <option>text3</option> </select></div>I am using a RadGrid that uses an EditForm for editing and adding items to the grid. The EditForm is a pop-up, template, and has the modal property set to true. I’m using Internet Explorer 9 and the pop-up works fine with the background grayed out, but when I switch to compatibility mode the background and the pop-up are both grayed out. The user can’t click or input anything at that point. I'm using .Net 3.5.
Any ideas of what could be going wrong?