Questions on UI for ASP.NET AJAX Forum

2 answers

73 views

Hi! I'm really new to telerik and i have been only playing a little with this powerfull set of tools. Im trying to make some menus and untill now i have been using default skins that appear in the smartTag. I would like to know if there is a way to add to the skin list in smart Tag a costum skin i made or download.

General Discussions

answered on 30 May 2011

2 answers

75 views

Compatibility view breaks latest version of RadWindow

Hi All,

I'm not sure why but when using compatibility view in ie9 all of my radwindows "OnClientClose" functions are not being called. I've updated to the latest version of the controls (My 19th) and no go.

example:

<

telerik:RadWindow Skin="Default" runat="server" ShowContentDuringLoad="false" Width="700px"

Height="500px" Behaviors="Close" Modal="true" ID="RdWindowCO2Refinement" Title="A Window"

VisibleStatusbar="false" OnClientClose="OnClientClose" />

General Discussions

answered on 30 May 2011

1 answer

79 views

Add event to the radwindow on the client cause a javascript error: "Out of stack space"

There are two pages, default.aspx and default2.aspx
default.aspx open radwindow on the client.
default2.aspx add event like add_commnd or add_resize will cause an error "Out of stack space"

Please help me fix this issue. thank you.

Below are the code for those two pages
default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Main.Test.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>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
        <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>
    </asp:ScriptManager>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
    </telerik:RadWindowManager>
    </form>
    <script>
        $(document).ready(function ()
        {
            var oWindow = window.radopen("Default2.aspx", null);
        });        
    </script>
</body>
</html>

default2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default2.aspx.cs" Inherits="Main.Test.Default2" %>
 
<!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>
</head>
<body>
    <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
        <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>
    </asp:ScriptManager>
    <div>
    default2
    </div>
    </form>
    <script>
        $(document).ready(function ()
        {
            var oWindow = GetRadWindow();
 
            oWindow.add_resize(OnClientResize);
        });
 
        function OnClientResize(sender, eventArgs)
        {
            alert(sender.toString());
        }
 
        function GetRadWindow()
        {
            var oWindow = null;
            if (window.radWindow)
                oWindow = window.radWindow;
            else if (window.frameElement.radWindow)
                oWindow = window.frameElement.radWindow;
            return oWindow;
        }
    </script>
</body>
</html>

Window

answered on 30 May 2011

2 answers

75 views

Execute Jquery alert after Radschudler events

Hello,

I have a problem to Execute Jquery alert after radscheduler events.

For example:
in the RadScheduler1_FormCreating event i want to execute this code:

Page.ClientScript.RegisterStartupScript(typeof(EditServiceConsultantCalendar), "error", "jAlert('the number of rooms is not enaugh', 'warning');", true);

but the Jquery alert is not executed.

on the other side if I insert this code after a button_clickevent then the Jquery alert is executed.

Thanks for helps.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 30 May 2011

1 answer

78 views

RadListBox weird behaviour on IE 9 Compatibility mode

Hi,

I have got a very weird problem with RadListBox control. It appears okay first time when page loads but once I move the mouse cursor to other parts of the system e.g. on hovering over the tab, it disappears. Please see the attachement and the code-snippet
as follows

<

telerik:RadListBox ID="lstDatasets" runat="server" SelectionMode

="Multiple"

Width="250px" Height="200px" Skin

="Office2007">

<ButtonSettings TransferButtons="All"></ButtonSettings

>

</telerik:RadListBox

>

Please remember, it is placed inside RadTabStrip - PageView
Many thanks,
MG

ListBox

answered on 30 May 2011

4 answers

185 views

PanelBar items not Expanding in Chrome

Hello telerik,

I have RadPanelBar, In Internet Explorer it expand and collapsed OK with compatibility view.
I remove the Expanded settings as per
http://www.telerik.com/community/forums/aspnet-ajax/panelbar/radpanelbar-items-not-expanding-in-firefox.aspx
and use this script

function onLoad(sender)

{

var panelBar=sender;

panelBar.get_items().getItem(1).set_expanded(true);

}

The item expand correctly but other items not collapse.
any fix please

PanelBar

answered on 30 May 2011

9 answers

129 views

Grid Bound and temp;ate field related

How Can i found out bound column and control into template field in my javascript function that is created by myself

Grid

answered on 30 May 2011

2 answers

96 views

Rating Conflict with Subgurim

I am encountering a conflict between your Rating control (.NET/AJAX) and the Subgurim Google Map Control. Both of the controls co-exist peacefully and work fine UNTIL I attempt to use the "OnClientRated" event on your Rating control. When I try to use this event, the Subgurim control will NOT display a map. I am been trying to isolate this issue for over an hour and have successfully (I believe) got this down to attempting to use the "OnClientRated" event. I have not tried any other "OnClient..." events with the Rating control to see if they also have the same problem.

What happens is that the Subgurim control just doesn't display a map. See screen captures attached.

Here is the code that prevents the map from being displayed:

<telerik:RadRating ID="AvgRatingValue" OnClientRated="OnClientxRated();" ReadOnly="true" runat="server" Visible="true" Precision="Half" EnableEmbeddedSkins="true" Skin="Default" ></telerik:RadRating>

<script type="text/javascript">

function OnClientxRated(sender, args) {

alert('The rating value was updated');

}

</script>

The above code will prevent the map from displaying. All I have to do to get the map to display is to remove the property on the Rating control OnClientRated="OnClientxRated();". Then the map displays just fine.

Do you see any problems with the above code?

The Subgurim URL: http://en.googlemaps.subgurim.net/ . This is a free control and I have had no other weird problems. It is getting good reviews out there on the Internet.

Thanks in advance for any assistance!

Lynn

Rating

answered on 30 May 2011

4 answers

178 views

TreeView nested in RadPane

I have a RadPanel that hosts a few items. One of the items is a Help section where I am trying to simulate the standard help format with a Splitter showing two panels, a left and a right. The left has a RadTreeView and the right has an asp:Literal control.

My plan is to load a hierarcy of help topics based on a URL that is recorded in the help table. So the table has a ParentID column that will hold a value or not. This sets up the grouping of the tree view nodes
.
I also want to have JavaScript load the content of the selected help topic (RadTreeNode) into the literal control's text property when the node is clicked. Researching it on this site had given me the JavaScript via a RadScript block to respond to click events, focus, etc.

This is a MVC application with a Master Page and the View is displaying an MVC user control that is wrapping the Help process. So the RadPanelBar displays the help section item as a user control. All the JavaScript and styles are in the UserControl markup.

So I am not able to do the following things in JavaScript:

Get the Literal Control instance (this is nested in a RadPane.
Get the RadTreeView instance.
Get the selected node.
Get the object databound to the node.
Set the Text property of the Literal Control to the "Content" property of my help business object.

This is the only thing I have been successful with to get the Literal object...

function onNodeClicking(sender, args)

{

alert("OnClientNodeClicking: " + args.get_node().get_text()); <-- works

var literalContent = $('#helpContentHolder'); <-- returns generic object, how to cast?

var tree = <%= ctrlHelpRadTreeView.ClientID %>; <-- returns HTMLDivElement ??

}

All the client side events below are in place and working...

<telerik:RadTreeView ID="ctrlHelpRadTreeView" runat="server" CheckBoxes="True" AllowNodeEditing="True"

EnableDragAndDrop="true" OnClientNodeClicking="onNodeClicking" OnClientNodeChecking="onNodeChecking"

OnClientMouseOver="onMouseOver" OnClientMouseOut="onMouseOut" OnClientNodeEditStart="onEditStart"

OnClientNodeEditing="onEditing" OnClientNodeEdited="onEdited" OnClientNodeDragStart="onNodeDragStart"

OnClientNodeDropping="onNodeDropping" OnClientNodeExpanded="onNodeExpanded" OnClientNodeCollapsed="onNodeCollapsed"

OnClientNodeAnimationEnd="onNodeAnimationEnd" OnClientLoad="onLoad" BeforeClientClick="BeforeClientClickHandler" Width="100%"

Height="250px" Style="border: 1px solid #CBE7F5;">

.........

</telerik:RadTreeView>

So the handler I am anticipating and have been working with is the OnNodeClicked.
Can anyone shed some light on how I get the literal and set it's text to the databound object in the TreeView?

The attached file shows how I am adapting it from a demo here on the site. The TreeView is not databound at this time. The image is intended to show the two panes side by side (again, inside the user control). The Literal control is visible in the right panel inside the user control.

Thanks!

Reid

TreeView

answered on 30 May 2011

2 answers

94 views

jquery.tmpl and ASP.NET AJAX

Hi.

I know this is a general asp.net question, but I think it's very relavant here:

Is there a way to use <telerik:??? serverside controls in a jquery template.

Ex: A guestbook with comments to each entry.

If I create a set of nested templates for the messages and comments, I would like to use a "Comment" RadButton in the messages template so that each entry would have a "Comment" button. And.. maybe a rating control.

I just can't see how I can use anything but HTML.controls in my templates.

Is there a solution to that.

Thanks
/Jesper

General Discussions

answered on 30 May 2011