Hi,

  

Can you explain the reason for error “Microsoft JScript runtime error: '_transitionAnimationIsInProgress' is null or not an object”.   Below is the scenario.

 I have a radpanelbar inside a page along with a link button.  Link button act as a ‘content’ toggle button for radpanelbar. To load panelItems and  sub items  initially,I use pageload() client script. When user click link button, existing items gets removed and a new set get added. Clicking again link button bring back old  contents. This work fine. The issue mentioned at the beginning happen  when I click link button after selecting any subItem.

 

To reproduce the same, please try following on sample below. After page comes up (u can see Hardware on top), expand ‘configuration’ and click any sub items for eg. ‘custodians’. Now click ‘S/w Inventory’  and try to expand any panel item.  =========================================================================================================
 

 <% @ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

 CodeBehind="Default.aspx.cs" Inherits="TelerikTotorial._Default" %>

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

 <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">  </asp:Content>

 <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

 <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>

 <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"> </asp:ScriptReference><asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>

 </Scripts>

 </telerik:RadScriptManager>

 <script type="text/javascript" language="javascript">

 function addPanelBar(panel, name, url) {

 panelItem = new Telerik.Web.UI.RadPanelItem();

 panelItem.set_text(name);

panel.get_items().add(panelItem);

 return panelItem; }

 

function resetPanelBar(panelBar) {

 var panelCount = panelBar.get_items().get_count();

 for (var count = panelBar.get_items().get_count(); count > 1; count--) {

     panelBar.get_items().removeAt(count - 1);

   }

}

 function loadHardware() {

 var panelItem;

 var panelSubItem;

 document.getElementById('MainContent_lblInvType').innerHTML = "HARDWARE";

 document.getElementById('MainContent_lnkSwitch').innerHTML = "<span style='font-size: 10px; font-family: Arial; color:#696969;'>S/W Inventory</span>";

 var panelBar = $find("<%= RadPanelBar1.ClientID %>");

 panelBar.trackChanges();

resetPanelBar(panelBar);

 panelItem = addPanelBar(panelBar, "Dashboard", "");

 addPanelBar(panelItem, "Quick Search", "");

 panelItem = addPanelBar(panelBar, "Reports", "");

 panelItem = addPanelBar(panelBar, "Configuration", "");

 

addPanelBar(panelItem, "Asset Type", "");

 addPanelBar(panelItem, "Custodians", "");

 addPanelBar(panelItem, "Stores", "");

 panelBar.commitChanges();

}

 

 

function loadSoftware() {

 var panelItem;

 var panelSubItem;

 document.getElementById(

 'MainContent_lblInvType').innerHTML = "SOFTWARE";

 document.getElementById('MainContent_lnkSwitch').innerHTML = "<span style='font-size: 10px; font-family: Arial; color:#696969;'>H/W Inventory</span>";

 var panelBar = $find("<%= RadPanelBar1.ClientID %>");

 panelBar.trackChanges();

resetPanelBar(panelBar);

panelItem = addPanelBar(panelBar, "Purchase", "");

 addPanelBar(panelItem, "Purchase Order", "");

 addPanelBar(panelItem, "Invoice", "");

 panelItem = addPanelBar(panelBar, "Dashboard", "");

 addPanelBar(panelItem, "License Expiry", "");
panelItem = addPanelBar(panelBar, "Reports", "");

panelItem = addPanelBar(panelBar, "Configuration", "");

 addPanelBar(panelItem, "Publishers", "");

 addPanelBar(panelItem, "Vendors", "");

 addPanelBar(panelItem, "Locations", "");

 addPanelBar(panelItem, "Vendors", "");

 panelBar.commitChanges();

}

 

 

function toggleInventory() {

 var curLocation = document.getElementById('MainContent_lnkSwitch').innerHTML;

 if (curLocation.search("H/W") > 0)

 loadHardware();

 else

 loadSoftware();

}

 

function pageLoad() {

 loadHardware();

};

</script> <h2>

 Welcome to ASP.NET!

 

</h2>

 

<p>

 

To learn more about ASP.NET visit

 <a href="http://www.asp.net" title="ASP.NET Website">

 www.asp.net

 </a>.

 

</p>

 

<telerik:RadSplitter ID="radSplitter1" runat="server" Height="100%" Width="100%"BorderSize="0" BorderStyle="Solid" BorderWidth="1px" FullScreenMode="True" PanesBorderSize="0"  SplitBarsSize="">

 

<telerik:RadPane ID="navigationPane" runat="server" Width="180" Locked="true">

 <div style="width: 100%; vertical-align: middle; padding: 0px 0px 0px 3px;">

 <table border="0" cellspacing="3" width="95%"> <tr><td></td><td> <span style="color: #000000"><asp:Label ID="lblInvType" runat="server"> HARDWARE</asp:Label></span></td></tr> <tr><td colspan="2" align="right">

 <asp:LinkButton runat="server" ID="lnkSwitch" OnClientClick="toggleInventory(); return false;"><span style="font-size: 10px; font-family: Arial; color:#696969;">S/W Inventory</span></asp:LinkButton>

 </td></tr></table>

 </div>

<br />

 <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="SingleExpandedItem"Width="99%" BackColor="#D9D9D9"> <Items> <telerik:RadPanelItem Expanded="True" Text="Inventory" BackColor="#D9D9D9" ID="panelInventory"> <Items> <telerik:RadPanelItem Text="test"> <ItemTemplate>  </ItemTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </telerik:RadPane>

 <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="None" Height="100%" />

 <telerik:RadPane ID="contentPane" runat="server" Height="100%" ContentUrl="about:blank">

 </telerik:RadPane> </telerik:RadSplitter>

 

</asp:Content>

 

========================================================================
Regards
Madhu

 

I am using css with my menu that has 30 child items in it and the top ones do not show when i scroll to the top of page. How can I get the child menu items to display using css rather than tuck under the browser area?
thanks.

I have an issue - and I'm curious on the best way to fix.
I have a radMenu in a radSplitter.  The splitter has SlidingPanes on the right side - and, by defaut, when the slidingpanes expand the menu appears on top.  If I change the sliding pane z index so it appears on top - this is corrected but when the menu dropdowns expand and the sliding pane is "docked" on the side - the menu dropdown is partially hidden if it expans to the right.

Basically I need to set the radMenu to one z-index and the dropdown to another (I think.)

How should this be handled.

Hi all,

I followed this link to change the appointment's height and accommodate all appointments in the radscheduler.

http://www.telerik.com/support/kb/aspnet-ajax/scheduler/auto-expand-the-height-of-the-appointment.aspx

Since my goal is to change the week view, i changed the css to this:


It works fine, but the hours columns height did not sync with appointment height (image attached).

Any ideas to solve this?

Thanks in advance.

Hi,
     I have bind radscheduler using web service and i had set Weekview- EnableExactTimeRendering is true and scheduler is in Weekview. When i click on Show 24 Hours link its shows error like below



When i remove the Weekview- EnableExactTimeRendering property its works fine but appointments are not rendering well.
Thanks
Prasanna.

Hi,

I am implementing RadFileExplorer in my webpage. However, I am encountering some sizing issues with regards to the "New Folder" and "Rename" pop up windows. Whenever I click "New Folder" or "Rename" it appears cut off at the bottom. However, it is fine for the "Upload" pop up window. Why would it appear cut off and how should I resize it if possible? Thanks.
   

Hi,
How to have telerik radconfirm  with no title bar and the confirm template looking like in attached screenshot.

RadDateTimepicker compare validation is not working properly even though it works fine for "RadDatePicker".can any one give me a solution for this? 
Thank you .

Dear Telerik Community,

It is quite vague what i have stated in the title, but what i want to do is to have an possibility to expand / collapse rows. So when i click in a row on a + mark it expands a panel underneath it where further detailed information is provided. When i click on the - the panel will be collapsed. It is something like that Panelbar control but then in an radgrid. Is this already possibile in the radgrid?

Thank you in advance.

Yours faithfully,
Michiel Peeters

I'm using Telerik Q1 2012 Sp1 for the scheduler and related controls. I've set up custom skins, and the app is deployed in several locations, including some in remote locations. We need this app to be functional when the remote locations lose access to internet or any other resources and rely only on their local network. Found out this week that even though we have a custom skin, the control is still adding references to a cloudfront server for stylesheets and javascript files.

This is unacceptable for performance and security. These remote sites are using expensive satellite time, and we can't afford bandwidth for this type of use.

Can anyone tell me if this has been fixed in later versions? If not, how do I go about getting it fixed, or is there a way to turn off the automatic adding of these references in the rendered browser code.
File references are for scheduler.css, calendar.css, core.js, jQuery.js, jQueryInclude.js, Ajax.js, jQueryPlugins.js, DateTime.js, PopupScripts.js, TouchScrollExtender.js, RadSchedulerScripts.js, Model.js, RadCalendarScript.js, and RadCalendarCommonScript.js.

I found every one of these files in the installation on my machine. If I manually add them to the project, will the rendering engine use those copies instead?

No where have I seen a warning that this product will not work if there is no internet connection. If this is indeed the case, please let us know asap so we can find a replacement.

Brenda