Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,722 questions
1 answer
55 views
Hide/Reveal image using slider
Does anyone know how something similar to this can be done with the splitter?  I can get images in each pane, but can't get them to be a fixed location and appear like they're hiding/revealing the other image.

http://www.nytimes.com/2010/06/22/nyregion/22appraisal.html
Splitter
Tsvetie
Telerik team
 answered on 17 Jan 2011
4 answers
101 views
Expand RadPanelBar in NestedViewTemplate - Client Side

Hi

I'm using a RadPanelBar in the NestedViewTemplate of my grid and would like to expand the RadPanelBar automatically when the NestedView for a particular row is shown (the NestedView is displayed when a row is clicked as follows):

function RowClicked(sender, args)
var gridItem = args.get_item();
ridItem.set_expanded(!gridItem.get_expanded());
}

If I expand the RadPanelBar server-side on page load then I lose the animation effect, so I would like to find the RadPanelBar client-side and run the .expand() method on it, something like this:

<div class="colorizedcode">var panelBar <font color="red">=</font> <font color="black">$find(</font><font color="purple">"<%= RadPanelBar1.ClientID 
%>"</font><font color="black">);<br>var panelItem</font> <font color="red">=</font> <font color="black">panelBar.findItemByText(</font> <font color="purple">"Paris"</font><font color="black">);<br>panelItem.disable();</font></div><span style=" "><span style=" margin-left: 0px !important;"><br></span></span>


The main problem seems to be that I'm having trouble finding the control in the RadPanelBar in the NestedViewTemplate client-side - I'm assuming that identifying the control client-side in function RowClicked will allow me to achieve what I'm looking for, which is a nice sliding effect when the NestedView is displayed.  Additionally, I would like to collapse any other NestedViewTemplates if they are visible before displaying the template for the selected row.

The relevant bits of code for the RadGrid are below - any suggestions are greatly appreciated and please let me know if more information is required

Thanks

Brian

<telerik:RadGrid ID="grid_items" runat="server" DataSourceID="sqlds_items" GridLines="None"<br>        AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" Skin="Sitefinity"<br>        Font-Names="Trebuchet MS" ForeColor="#669999"><br>        <ClientSettings><br>            <Selecting AllowRowSelect="True" /><br>            <ClientEvents OnRowClick="RowClicked" /><br>        </ClientSettings><br>        <MasterTableView DataKeyNames="itemID" DataSourceID="sqlds_items" ClientDataKeyNames="itemID"<br>            HierarchyLoadMode="Client"><br>

...

<NestedViewSettings DataSourceID="sqlds_itemImages">
        <ParentTableRelation>
            <telerik:GridRelationFields MasterKeyField="itemID" />
            <telerik:GridRelationFields DetailKeyField="itemID" />
        </ParentTableRelation>
    </NestedViewSettings>
    
<NestedViewTemplate>
        <div style="float: left; padding-left: 25px;">
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="800px" Skin="Sitefinity">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="some text here or remove?" Visible="True"
                        Expanded="false">
                        <ContentTemplate>
                            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/items/itemImages/bowl_whiteSmall.png" />
                            
                        </ContentTemplate>
                    </telerik:RadPanelItem>
                </Items>
                <ExpandAnimation Duration="500" Type="Linear"></ExpandAnimation>
            </telerik:RadPanelBar>
        </div>
    </NestedViewTemplate>

Grid
Brian
Top achievements
Rank 1
 answered on 17 Jan 2011
1 answer
59 views
Cancel Slide effect
Hi,

Can anyone please tell me how to remove the slide effect of the menu. I want the submenu to be displayed very fast.

Thanks
BV
Menu
Kamen Bundev
Telerik team
 answered on 17 Jan 2011
1 answer
115 views
Expand node in client side
Hello, I'm using Radtreelist for my project, and i really like it because of its conveniences. But I have a problem. I'm trying to expand nodes in client-side but  I failed. Is there any way to do that. Thanks
TreeList
Tsvetina
Telerik team
 answered on 17 Jan 2011
8 answers
99 views
Usage of RadMenu and RadGrid (Client-side) Degrades Perfomace
I am using a RadMenu and a RadGrid together on the same application. The two controls are held separately in two different iframes. Despite being in two different iframes which loads their own js files separately there seems to be some perfomance degradation when one uses either of the controls particularly the menu. Please not in the video the when using the menu, the grid sort of moves. This is peculiar since they are in different iframes. How can this be mitigates? Do the two controls share some aspects e.g. code that when deployed together especially with the grid in client-side mode?

The following is a link to the video showing the actions:
http://megaswf.com/simple_serve/88410/
Menu
Simon
Telerik team
 answered on 17 Jan 2011
1 answer
264 views
Microsoft JScript runtime error: 'undefined' is null or not an object
Hello ALL,

              I have one web page, on that there are no of RadWindow,controls, grid, treeview.

              I have treeview on left side and on right side i have gridview, according to selection of treenode i need to bind grid.

              On IE if i am trying to select treenode i got a js error "Microsoft JScript runtime error: 'undefined' is null or not an object".

               Here i am defining source code of my page for reference. I didn't get what exact problem with page.

              
<%@ Page Language="Oxygene" AutoEventWireup="true" CodeBehind="Main.aspx.pas" Inherits="EasyIPWeb.TMainForm" %>
 
<%@ Register Assembly="RussellMason.Web.Application" Namespace="RussellMason.Web.UI.Office2007"
    TagPrefix="orb" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="RemObjects.DataAbstract.Web, Version=6.0.47.841, Culture=neutral, PublicKeyToken=3df3cad1b7aa5098"
    Namespace="RemObjects.DataAbstract.Web" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<head id="Head1" runat="server">
    <title>MyProjectv6</title>
    <link rel="Stylesheet" type="text/css" href="Css/EasyIP.css" />
    <link rel="Stylesheet" type="text/css" href="Css/RibbonBar.css" />
    <link rel="Stylesheet" type="text/css" href="Css/Menu.Office2007Big.css" />
    <link rel="stylesheet" href="Css/AutoExtender.css" type="text/css" />
    <script type="text/javascript" src="JS/RibbonBar.js"></script>
    <script type="text/javascript" src="JS/RibbonPreloader.js"></script>
     
    <script type="text/javascript">
        function customizeMenuHandler(sender, eventArgs) {
            if (eventArgs.get_item().get_value() == "MinimizeRibbon") {
                checked = _applicationBar.getMinimizeRibbon();
                checked = !checked;
                imageUrl = "Images/General/Unchecked.gif";
 
                if (checked) {
                    imageUrl = "Images/General/Checked.gif";
                }
                eventArgs.get_item().set_imageUrl(imageUrl);
 
                _applicationBar.setMinimizeRibbon(checked);
            }
        }
 
        // Event on close progress page
        function ProgressClose(radWindow, args) {
            var arg = args.get_argument();
            if (arg) {
                var manager = GetRadWindowManager();
                var window1 = manager.getWindowById("WinAddUnallocatedSubnet");
                window1.GetContentFrame().contentWindow.BindGrid();
            }
        }
  
        // Client side event of Resize Grid Column
        function ColumnResized(sender, eventArgs) {
            var gridColumn = eventArgs.get_gridColumn()._data.UniqueName;
            var gridWidth = eventArgs.get_gridColumn().get_element().offsetWidth;
            SetResizeCookie(gridColumn + "~" + gridWidth);
        }
 
        // Client side event of Reorder Grid Column
        function ColumnSwapped(sender, eventArgs) {
            var SourceColumn = eventArgs.get_gridSourceColumn()._data.UniqueName;
            var TargetColumn = eventArgs.get_gridTargetColumn()._data.UniqueName;
            SetReorderCookie(SourceColumn + "~" + TargetColumn);
        }
 
        function RestrictSelect() {
            //        document.onselectstart = function () { return false; } // ie
            //        document.onmousedown = function () { null; } // mozilla
        }
 
        
    </script>
</head>
<body style="margin: 0px; overflow: hidden; height: 100%;" scroll="no" onload="preloadRibbonImages('Office2007Client/Images/');">
    <style type="text/css">
        #form1
        {
            margin-bottom: 19px;
        }
    </style>
    <style type="text/css">
        html, body, form
        {
            height: 100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
    </style>
    <script type="text/javascript">
        function ResizeEvent(sender, eventArgs) {
            setTimeout(function () {
                var scrollArea = document.getElementById("<%= RadGrid1.ClientID %>" + "_GridData");
                var Frozen = document.getElementById("<%= RadGrid1.ClientID %>" + "_Frozen");
 
                if (Frozen.style.width == '100%') {
                    if (scrollArea) {
                        if (document.body.offsetHeight - 248 > 0)
                            scrollArea.style.height = document.body.offsetHeight - 262 + "px";
                    }
                }
                else {
                    if (scrollArea) {
                        if (document.body.offsetHeight - 248 > 0)
                            scrollArea.style.height = document.body.offsetHeight - 274 + "px";
                    }
                }
            }, 200);
        }
        
    </script>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
    </telerik:RadScriptManager>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Vista">
    </telerik:RadSkinManager>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="Default"
        InitialBehavior="None" Skin="Vista">
        <Windows>
            <telerik:RadWindow ID="WinProgress" runat="server" Behavior="None" Behaviors="None"
                Height="200px" InitialBehavior="None" Modal="true" NavigateUrl="Progress.aspx"
                VisibleStatusbar="False" Width="400px" KeepInScreenBounds="false" Overlay="True"
                ReloadOnShow="True" OnClientClose="ProgressClose">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinEditGroup" runat="server" Behavior="Close, Move" Behaviors="Close, Move"
                Height="302px" InitialBehavior="None" Modal="True" NavigateUrl="EditGroup.aspx"
                Overlay="True" Title="Edit Group" VisibleStatusbar="False" Width="400px" ReloadOnShow="True"
                KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinPrompt" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="200px" InitialBehavior="None" KeepInScreenBounds="True" Modal="True"
                ReloadOnShow="True" Title="Confirm" VisibleStatusbar="False" Width="400px">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddIPAddresses" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="425px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                Title="Add IP Addresses" VisibleStatusbar="False" Width="400px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddSubnets" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="545px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                Title="Add IP Addresses" VisibleStatusbar="False" Width="678px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddAutonomousNetwork" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="300px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                Title="Add Autonomous Network" VisibleStatusbar="False" Width="350px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddMultipleGroups" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="445px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                Title="Add Autonomous Network" VisibleStatusbar="False" Width="400px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinMergeChildSubnets" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="493px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                Title="Add Autonomous Network" VisibleStatusbar="False" Width="412px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinSearchOption" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="488px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="400px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinHostDiscovery" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="520px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="600px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinUserFiles" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="520px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="700px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinBotDiscovery" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="417px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="750px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinReport" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="550px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="800px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinClientSetting" runat="server" Behavior="Move" Behaviors="Close, Move"
                Height="420px" InitialBehavior="None" Modal="True" ReloadOnShow="True" Skin="Vista"
                VisibleStatusbar="False" Width="700px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddFavourites" Title="Favourites" runat="server" Behavior="Move"
                Behaviors="Close, Move" Height="200px" InitialBehavior="None" Modal="True" ReloadOnShow="True"
                Skin="Vista" VisibleStatusbar="False" Width="300px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinRemoveFavourites" Title="Remove Favourites" runat="server"
                Behavior="Move" Behaviors="Close, Move" Height="400px" InitialBehavior="None"
                Modal="True" ReloadOnShow="True" Skin="Vista" VisibleStatusbar="False" Width="500px"
                KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAddUnallocatedSubnet" Title="Add unallocated subnets" runat="server"
                Behavior="Move" Behaviors="Close, Move" Height="550px" InitialBehavior="None"
                Modal="True" ReloadOnShow="True" Skin="Vista" VisibleStatusbar="False" Width="800px"
                KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinAbout" Title="About MyProject" runat="server" Behavior="Move"
                Behaviors="Close, Move" Height="172px" InitialBehavior="None" Modal="True" ReloadOnShow="True"
                Skin="Vista" VisibleStatusbar="False" Width="380px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinExport" Title="Export data to XML" runat="server" Behavior="Move"
                Behaviors="Close, Move" Height="238px" InitialBehavior="None" Modal="True" ReloadOnShow="True"
                Skin="Vista" VisibleStatusbar="False" Width="340px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinExportCSV" Title="Export data to XML" runat="server" Behavior="Move"
                Behaviors="Close, Move" Height="288px" InitialBehavior="None" Modal="True" ReloadOnShow="True"
                Skin="Vista" VisibleStatusbar="False" Width="340px" KeepInScreenBounds="True">
            </telerik:RadWindow>
            <telerik:RadWindow ID="WinExportHTML" Title="Export data to XML" runat="server" Behavior="Move"
                Behaviors="Close, Move" Height="233px" InitialBehavior="None" Modal="True" ReloadOnShow="True"
                Skin="Vista" VisibleStatusbar="False" Width="340px" KeepInScreenBounds="True">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
     
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    <telerik:AjaxUpdatedControl ControlID="ApplicationBar" />
                    <telerik:AjaxUpdatedControl ControlID="InfoLabel" />
                    <telerik:AjaxUpdatedControl ControlID="lblMessage" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="qarUndo">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="qarAdd">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnCopy">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnCut">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnSelectAll">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnBack">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnForward">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnExpand">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rbtnRefresh">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="imgMagnifyier">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="FavouritesMenu">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div id="ParentDivElement" style="height: 100%;">
        <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%"
            Orientation="Horizontal" Skin="Default">
            <telerik:RadPane ID="TopPane" runat="server" Height="147" Scrolling="none">
                <orb:ApplicationBar ID="ApplicationBar" runat="server" ApplicationMenuID="MainApplicationMenu"
                    ApplicationName="MyProjectv6" CustomizeMenuID="CustomizeMenu" OnClientCustomizeClick="_applicationBar.showCustomizeMenu(event);"
                    RibbonTabStripID="RadTabStrip1" Width="100%">
                    <PlaceHolder>
                        <orb:QuickAccessRibbonButton ID="qarUndo" AutoPostBack="true" runat="server" ToolTip="Undo"
                            ClientMemberName="_quickAccessRibbonButton1" DisabledImageUrl="Images/16x16/Disabled/Updates_Undo.png"
                            EnabledImageUrl="Images/16x16/Enabled/Updates_Undo.png" OnClick="rbtnUndo_Click" />
                        <orb:QuickAccessRibbonButton ID="qarAdd" runat="server" ClientMemberName="_quickAccessRibbonButton2"
                            AutoPostBack="true" DisabledImageUrl="Images/16x16/Disabled/Folder_Add.png" EnabledImageUrl="Images/16x16/Enabled/Folder_Add.png"
                            OnClick="rbtnAddGroup_Click" />
                        <orb:QuickAccessRibbonButton ID="qarAddSubnets" AutoPostBack="true" runat="server"
                            ClientMemberName="_quickAccessRibbonButton3" OnClick="rbtnAddSubnets_Click" DisabledImageUrl="Images/16x16/Disabled/Subnets_Add.png"
                            EnabledImageUrl="Images/16x16/Enabled/Subnets_Add.png" />
                        <orb:QuickAccessRibbonButton ID="qarAddIPs" runat="server" AutoPostBack="true" ClientMemberName="_quickAccessRibbonButton4"
                            DisabledImageUrl="Images/16x16/Disabled/IPs_Add.png" EnabledImageUrl="Images/16x16/Enabled/IPs_Add.png"
                            OnClick="rbtnAddIPs_Click" />
                        <orb:QuickAccessRibbonButton ID="qarDeleteIPs" runat="server" AutoPostBack="true"
                            ClientMemberName="_quickAccessRibbonButton5" DisabledImageUrl="Images/16x16/Disabled/IPs_Delete.png"
                            EnabledImageUrl="Images/16x16/Enabled/IPs_Delete.png" OnClick="rbtnDeleteIPs_Click" />
                    </PlaceHolder>
                </orb:ApplicationBar>
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
                    SelectedIndex="0" Skin="Office2007" Style="padding-left: 50px;" Width="100%">
                    <Tabs>
                        <telerik:RadTab ID="Tab1" runat="server" Selected="True" Text="Edit">
                        </telerik:RadTab>
                        <telerik:RadTab ID="Tab2" runat="server" Text="Tools">
                        </telerik:RadTab>
                        <telerik:RadTab ID="Tab4" runat="server" Text="Help">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%">
                    <telerik:RadPageView ID="PageView1" runat="server">
                        <orb:RibbonGroup ID="RibbonGroup1" runat="server" Text="Edit">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnCopy" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Edit_Copy.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Edit_Copy.png" OnClick="rbtnCopy_Click"
                                    Text="Copy" />
                                <orb:RibbonSeparator ID="RibbonSeparator1" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnCut" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Edit_Cut.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Edit_Cut.png" OnClick="rbtnCut_Click" Text="Cut" />
                                <orb:LargeRibbonButton ID="rbtnPaste" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Edit_Paste.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Edit_Paste.png" OnClick="rbtnPaste_Click"
                                    Text="Paste" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup2" runat="server" Text="Tools">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnUndo" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Updates_Undo.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Updates_Undo.png" OnClick="rbtnUndo_Click"
                                    Text="Undo" ToolTip="Undo" />
                                <orb:RibbonSeparator ID="RibbonSeparator3" runat="server" />
                                <orb:LargeSplitRibbonButton ID="rbtnAddGroup" runat="server" AutoPostBack="True"
                                    DisabledImageUrl="Images/32x32/Disabled/Folder_Add.png" DropDownMenuAlignment="Right"
                                    DropDownMenuID="AddGroupMenu" EnabledImageUrl="Images/32x32/Enabled/Folder_Add.png"
                                    OnClick="rbtnAddGroup_Click" OnClientBottomClick="if (_rbtnAddGroup.getEnabled()) {_rbtnAddGroup.showDropDownMenu(event);}"
                                    Text="Add Group" Width="60px" />
                                <orb:LargeRibbonButton ID="rbtnEdit" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Folder_Rename.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Folder_Rename.png" OnClick="rbtnEdit_Click"
                                    Text="Edit" />
                                <orb:LargeSplitRibbonButton ID="rbtnAddSubnets" runat="server" AutoPostBack="True"
                                    DisabledImageUrl="Images/32x32/Disabled/Subnets_Add.png" DropDownMenuAlignment="Right"
                                    DropDownMenuID="AddSubnetMenu" EnabledImageUrl="Images/32x32/Enabled/Subnets_Add.png"
                                    OnClick="rbtnAddSubnets_Click" OnClientBottomClick="if (_rbtnAddSubnets.getEnabled()) {_rbtnAddSubnets.showDropDownMenu(event);}"
                                    Text="Add Subnets" Width="70px" />
                                <orb:LargeRibbonButton ID="rbtnDelete" runat="server" AutoPostBack="True" BorderStyle="None"
                                    DisabledImageUrl="Images/32x32/Disabled/Subnets_Delete.png" EnabledImageUrl="Images/32x32/Enabled/Subnets_Delete.png"
                                    OnClick="rbtnDelete_Click" Text="Delete" />
                                <orb:RibbonSeparator ID="RibbonSeparator4" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnDeleteChildren" runat="server" AutoPostBack="True"
                                    DisabledImageUrl="Images/32x32/Disabled/Subnets_DeleteChildren.png" EnabledImageUrl="Images/32x32/Enabled/Subnets_DeleteChildren.png"
                                    OnClick="rbtnDeleteChildren_Click" Text="Delete Children" Width="51px" />
                                <orb:LargeRibbonButton ID="rbtnMergeChildSubnets" runat="server" AutoPostBack="True"
                                    DisabledImageUrl="Images/32x32/Disabled/Subnets_MergeChildren.png" EnabledImageUrl="Images/32x32/Enabled/Subnets_MergeChildren.png"
                                    OnClick="rbtnMergeChildSubnets_Click" Text="Merge Child Subnets" Width="80px" />
                                <orb:LargeRibbonButton ID="rbtnRemoveParent" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Subnets_RemoveParent.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Subnets_RemoveParent.png" OnClick="rbtnRemoveParent_Click"
                                    Text="Remove Parent Subnet" Width="90px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup3" runat="server" Text="Delete IPs">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnAddIPs" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/IPs_Add.png"
                                    EnabledImageUrl="Images/32x32/Enabled/IPs_Add.png" OnClick="rbtnAddIPs_Click"
                                    Text="Add IPs" />
                                <orb:LargeRibbonButton ID="rbtnDeleteIPs" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/IPs_Delete.png"
                                    EnabledImageUrl="Images/32x32/Enabled/IPs_Delete.png" OnClick="rbtnDeleteIPs_Click"
                                    Text="Delete IPs" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup4" runat="server" Text="Navigation">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnFavourites" runat="server" DisabledImageUrl="Images/32x32/Disabled/Favourites.png"
                                    DropDownMenuID="FavouritesMenu" EnabledImageUrl="Images/32x32/Enabled/Favourites.png"
                                    OnClientClick="if (_rbtnFavourites.getEnabled()) {_rbtnFavourites.showDropDownMenu(event);}"
                                    Text="Favourites" Width="63px" />
                                <orb:TwoRowLayout ID="TwoRowLayout1" runat="server">
                                    <TopPlaceHolder>
                                        <orb:SmallRibbonButton ID="rbtnBack" runat="server" AutoPostBack="True" DisabledImageUrl="Images/16x16/Disabled/Navigate_Backward.png"
                                            EnabledImageUrl="Images/16x16/Enabled/Navigate_Backward.png" OnClick="rbtnBack_Click"
                                            Text="Back" Width="77px" />
                                    </TopPlaceHolder>
                                    <BottomPlaceHolder>
                                        <orb:SmallRibbonButton ID="rbtnForward" runat="server" AutoPostBack="True" DisabledImageUrl="Images/16x16/Disabled/Navigate_Forward.png"
                                            EnabledImageUrl="Images/16x16/Enabled/Navigate_Forward.png" OnClick="rbtnForward_Click"
                                            Text="Forward" Width="77px" />
                                    </BottomPlaceHolder>
                                </orb:TwoRowLayout>
                                <orb:RibbonSeparator ID="RibbonSeparator5" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnRefresh" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Subnets_Refresh.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Subnets_Refresh.png" OnClick="rbtnRefresh_Click"
                                    Text="Refresh" Width="58px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="PageView2" runat="server">
                        <orb:RibbonGroup ID="RibbonGroup5" runat="server" Text="External Data">
                            <PlaceHolder>
                                <orb:LargeSplitRibbonButton ID="rbtnExport" runat="server" AutoPostBack="True" DisabledImageUrl="Images/32x32/Disabled/Data_Export.png"
                                    DropDownMenuAlignment="Center" DropDownMenuID="ExportMenu" EnabledImageUrl="Images/32x32/Enabled/Data_Export.png"
                                    OnClick="rbtnExport_Click" OnClientBottomClick="if (_rbtnExport.getEnabled()) {_rbtnExport.showDropDownMenu(event);}"
                                    Text="Export" Width="75px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup9" runat="server" Text="Discovery">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="LargeRibbonButton8" runat="server" DisabledImageUrl="Images/32x32/Enabled/Network_HostDiscoveryWizard.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Network_HostDiscoveryWizard.png" OnClientClick="UserFilesWindow();"
                                    Text="Host Discovery" ToolTip="Host Discovery" Width="70px" />
                                <orb:LargeRibbonButton ID="LargeRibbonButton4" runat="server" DisabledImageUrl="Images/32x32/Disabled/DiscoveryBot.png"
                                    EnabledImageUrl="Images/32x32/Enabled/DiscoveryBot.png" OnClientClick="BotDiscovertWindow();"
                                    Text="Bot Discoveries" ToolTip="Bot Discoveries" Width="70px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup10" runat="server" Text="General">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="LargeRibbonButton5" runat="server" DisabledImageUrl="Images/32x32/Enabled/Reports_Wizard.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Reports_Wizard.png" OnClientClick="ReportWindow();"
                                    Text="Reports" ToolTip="Reports" Width="60px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="PageView4" runat="server">
                        <orb:RibbonGroup ID="RibbonGroup6" runat="server" Text="Help">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnHelp" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_Index.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_Index.png" NavigateUrl="http://www.MyProject.net"
                                    Target="_blank" Text="Help" />
                                <orb:LargeRibbonButton ID="rbtnGettingStarted" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_GettingStarted.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_GettingStarted.png" Target="_blank"
                                    Text="Getting Started" Width="48px" />
                                <orb:LargeRibbonButton ID="rbtnWhatsNew" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_WhatsNew.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_WhatsNew.png" Target="_blank" Text="What's New?" />
                                <orb:RibbonSeparator ID="RibbonSeparator6" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnAbout" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_About.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_About.png" Text="About" AutoPostBack="True"
                                    OnClick="rbtnAbout_Click" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup7" runat="server" Text="Web">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnEasyIPWebsite" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_Website.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_Website.png" Target="_blank" Text="MyProject Website"
                                    Width="52px" />
                                <orb:RibbonSeparator ID="RibbonSeparator2" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnSupportWebsite" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_SupportWebsite.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_SupportWebsite.png" Target="_blank"
                                    Text="Support Website" Width="52px" />
                                <orb:RibbonSeparator ID="RibbonSeparator7" runat="server" />
                                <orb:LargeRibbonButton ID="rbtnBugWebsite" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_ReportABug.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_ReportABug.png" Target="_blank" Text="Report a Bug" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup8" runat="server" Text="Email">
                            <PlaceHolder>
                                <orb:LargeRibbonButton ID="rbtnContactSupport" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_EmailSupport.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_EmailSupport.png" Text="Contact Support"
                                    Width="54px" />
                                <orb:LargeRibbonButton ID="rbtnContactSales" runat="server" DisabledImageUrl="Images/32x32/Disabled/Help_Sales.png"
                                    EnabledImageUrl="Images/32x32/Enabled/Help_Sales.png" Text="Contact Sales" ToolTip="Contact Sales"
                                    Width="54px" />
                            </PlaceHolder>
                        </orb:RibbonGroup>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="RadPageView5" runat="server">
                        <telerik:RadContextMenu ID="CustomizeMenu" runat="server" Flow="Vertical" OnClientItemClicked="customizeMenuHandler"
                            Skin="Office2007">
                            <Items>
                                <telerik:RadMenuItem ImageUrl="Images/General/Unchecked.gif" Text="Minimize the Ribbon"
                                    Value="MinimizeRibbon">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadContextMenu>
                        <telerik:RadContextMenu ID="FavouritesMenu" runat="server" CssClass="RadMenu_Favourites"
                            DefaultGroupSettings-OffsetX="500" Flow="Vertical" OnItemClick="FavouritesMenu_ItemClick"
                            Skin="Office2007">
                            <Items>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Favourites_Add.png"
                                    ImageUrl="Images/16x16/Enabled/Favourites_Add.png" Style="left: 790px; top: 130px"
                                    Text="Add Favourite" Value="AddFavourites">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Favourites_Remove.png"
                                    ImageUrl="Images/16x16/Enabled/Favourites_Remove.png" Style="left: 790px; top: 130px"
                                    Text="Remove Favourites" Value="RemoveFavourites">
                                </telerik:RadMenuItem>
                            </Items>
                            <ExpandAnimation Type="None" />
                            <CollapseAnimation Type="None" />
                        </telerik:RadContextMenu>
                        <telerik:RadContextMenu ID="AddGroupMenu" runat="server" CssClass="RadMenu_AddGroup"
                            Flow="Vertical" OnItemClick="AddGroupMenu_ItemClick" Skin="Office2007">
                            <Items>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Folder_Add.png" ImageUrl="Images/16x16/Enabled/Folder_Add.png"
                                    Text="Add Group" Value="AddGroup">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Folder_AddMultiple.png"
                                    ImageUrl="Images/16x16/Enabled/Folder_AddMultiple.png" Text="Add Multiple Groups"
                                    Value="AddMultipleGroups">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem IsSeparator="True" />
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Folder_AddAutonomousNetwork.png"
                                    ImageUrl="Images/16x16/Enabled/Folder_AddAutonomousNetwork.png" Text="Add Autonomous Network"
                                    Value="AddAutonomousNetwork">
                                </telerik:RadMenuItem>
                            </Items>
                            <ExpandAnimation Type="None" />
                            <CollapseAnimation Type="None" />
                        </telerik:RadContextMenu>
                        <telerik:RadContextMenu ID="AddSubnetMenu" runat="server" CssClass="RadMenu_AddSubnetMenu"
                            Flow="Vertical" OnItemClick="AddSubnetMenu_ItemClick" Skin="Office2007">
                            <Items>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Subnets_Add.png" ImageUrl="Images/16x16/Enabled/Subnets_Add.png"
                                    Text="Add Subnets" Value="AddSubnets">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Subnets_AddUnallocated.png"
                                    ImageUrl="Images/16x16/Enabled/Subnets_AddUnallocated.png" Text="Add Unallocated Subnets"
                                    Value="AddUnallocatedSubnets">
                                </telerik:RadMenuItem>
                            </Items>
                            <ExpandAnimation Type="None" />
                            <CollapseAnimation Type="None" />
                        </telerik:RadContextMenu>
                        <telerik:RadContextMenu ID="ExportMenu" runat="server" CssClass="RadMenu_ExportMenu"
                            Flow="Vertical" OnItemClick="ExportMenu_ItemClick" Skin="Office2007">
                            <Items>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Data_Export.png" ImageUrl="Images/16x16/Enabled/Data_Export.png"
                                    Text="Export as XML" Value="XML">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Data_Export.png" ImageUrl="Images/16x16/Enabled/Data_Export.png"
                                    Text="Export as CSV" Value="CSV">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem DisabledImageUrl="Images/16x16/Disabled/Data_Export.png" ImageUrl="Images/16x16/Enabled/Data_Export.png"
                                    Text="Export as HTML" Value="HTML">
                                </telerik:RadMenuItem>
                            </Items>
                            <ExpandAnimation Type="None" />
                            <CollapseAnimation Type="None" />
                        </telerik:RadContextMenu>
                    </telerik:RadPageView>
                </telerik:RadMultiPage>
                <div class="applicationMenu" style="left: 7px">
                    <telerik:RadMenu ID="MainApplicationMenu" runat="server" BackColor="Transparent"
                        ClickToOpen="True" EnableEmbeddedSkins="false" EnableScreenBoundaryDetection="False"
                        Skin="Office2007Big">
                        <Items>
                            <telerik:RadMenuItem ClickedImageUrl="Images/Ribbon/ApplicationMenuActive.gif" ExpandedImageUrl="Images/Ribbon/ApplicationMenuActive.gif"
                                HoveredImageUrl="Images/Ribbon/ApplicationMenuHover.gif" ImageUrl="Images/Ribbon/ApplicationMenu.gif">
                                <Items>
                                    <telerik:RadMenuItem Enabled="False" ImageUrl="Images/32x32/Enabled/Server_Connect.png"
                                        Text="Login">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem ImageUrl="Images/32x32/Enabled/Server_Disconnect.png" NavigateUrl="Default.aspx?reason=logoff"
                                        Text="Logout">
                                    </telerik:RadMenuItem>
                                    <%-- <telerik:RadMenuItem IsSeparator="True" />
                                    <telerik:RadMenuItem Text="Print" ImageUrl="Images/32x32/Enabled/Print.png">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Preview" ImageUrl="Images/32x32/Enabled/Print_Preview.png">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem IsSeparator="True" />
                                    <telerik:RadMenuItem Text="Settings" ImageUrl="Images/32x32/Enabled/File_Settings.png">
                                    </telerik:RadMenuItem>--%>
                                </Items>
                            </telerik:RadMenuItem>
                        </Items>
                        <ExpandAnimation Type="None" />
                        <CollapseAnimation Type="None" />
                    </telerik:RadMenu>
                </div>
            </telerik:RadPane>
            <telerik:RadPane class="OverFlowClass" ID="MainPane" runat="server" Style="position: relative"
                BorderStyle="None">
                <telerik:RadSplitter ID="NestedSplitter" runat="server" LiveResize="true" Skin="Default">
                    <telerik:RadPane ID="LeftPane" runat="server" Height="100%" Width="20%">
                        <telerik:RadSplitter ID="LeftSplitter" runat="server" Height="100%" Orientation="Horizontal"
                            Skin="Default" Width="100%">
                            <telerik:RadPane ID="LeftTopPane" runat="server" BorderStyle="None" class="OverFlowClass"
                                Height="28px" Style="position: relative" Width="100%">
                                <div style="padding: 3px 2px 0 2px">
                                    <div>
                                        <img alt="" src="Images/General/Body-Left.png" style="float: left;" /></div>
                                    <div>
                                        <img alt="" src="Images/General/Body-Right.png" style="float: right;" /></div>
                                    <div style="background: url(Images/General/Body-Middle.png) repeat-x; height: 22px;
                                        overflow: hidden;">
                                        
                                        <telerik:RadTextBox ID="RadTextBox1" runat="server" BorderStyle="None" BorderWidth="0px"
                                            EnableViewState="false" Height="14px" EmptyMessage="Search Groups and Subnets"
                                            onkeypress="return TextboxEnter(this,event)" Style="margin-top: 2px; padding-top: 2px;
                                            vertical-align: top;" ViewStateMode="Disabled" Width="175px">
                                        </telerik:RadTextBox>
                                        <img alt="" onclick="return ClearTextBox();" src="Images/General/Clear.png" style="cursor: pointer;
                                            float: right" />
                                        <img alt="" onclick="clickButton();" src="Images/General/MagnifyingGlass.png" style="cursor: pointer;
                                            float: right" />
                                    </div>
                                </div>
                            </telerik:RadPane>
                            <telerik:RadPane ID="LeftClientPane" runat="server" BorderStyle="None" Height="100%"
                                Style="position: relative; overflow: inherit;" Width="100%">
                                <telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True"
                                    MultipleSelect="false" OnNodeClick="RadTreeView1_NodeClick" OnNodeDrop="RadTreeView1_NodeDrop"
                                    Skin="Default" CollapseAnimation-Type="None" ExpandAnimation-Type="None" LoadingStatusPosition="AfterNodeText">
                                </telerik:RadTreeView>
                                <div>
                                </div>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />
                    <telerik:RadPane ID="RightPane" runat="server" Height="100%" Width="100%">
                        <telerik:RadSplitter ID="RightSplitter" runat="server" Height="100%" Orientation="Horizontal"
                            Skin="Default" Width="100%">
                            <telerik:RadPane ID="RightTopPane" runat="server" BorderStyle="None" class="OverFlowClass"
                                Height="28px" Style="position: relative" Width="100%">
                                <table>
                                    <tr>
                                        <td>
                                            <div style="width: 360px">
                                                <div>
                                                    <img alt="" src="Images/General/Body-Left.png" style="float: left;" /></div>
                                                <div>
                                                    <img alt="" src="Images/General/Body-Right.png" style="float: right;" /></div>
                                                <div style="background: url(Images/General/Body-Middle.png) repeat-x; height: 22px;
                                                    overflow: hidden;">
                                                    <telerik:RadTextBox ID="RadTextBox2" runat="server" BorderStyle="None" BorderWidth="0px"
                                                        EmptyMessage="Search Table" Height="14px" Style="margin-top: 2px; padding-top: 2px;
                                                        vertical-align: top;" ViewStateMode="Disabled" Width="180px">
                                                    </telerik:RadTextBox>
                                                    <img alt="" onclick="return RightClearTextBox();" src="Images/General/Clear.png"
                                                        style="cursor: pointer; float: right" />
                                                    <asp:ImageButton ID="imgMagnifyier" runat="server" ImageUrl="Images/General/MagnifyingGlass.png"
                                                        OnClick="imgMagnifyier_Click" Style="cursor: pointer; float: right; height: 22px;" />
                                                    <img alt="" class="showSearch" src="Images/General/DropDown.png" style="cursor: pointer;
                                                        float: right" />
                                                    <asp:Label ID="lblSearchText" runat="server" BorderStyle="None" BorderWidth="0px"
                                                        Height="14px" Style="margin-top: 2px; padding-top: 2px; vertical-align: top;
                                                        float: right" Text="Addresses"></asp:Label>
                                                    <input id="hdnSearchText" runat="server" type="hidden" value="Addresses" />
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <asp:Label ID="InfoLabel" runat="server" Text=""></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </telerik:RadPane>
                            <telerik:RadPane ID="ContentPane" runat="server" BorderStyle="None" OnClientResized="ResizeEvent"
                                Scrolling="None">
                                <%--onmouseover="ShowTime();"--%>
                                <div id="Search" class="rightddl">
                                    <ul style="text-decoration: none">
                                        <li style="text-decoration: none"><a href="#" onclick="SetText(this,false);">Subnets</a>
                                        </li>
                                        <li><a onclick="SetText(this,false);">Addresses</a> </li>
                                        <li><a href="#" onclick="SetText(this,true);">Global ARP Table</a> </li>
                                        <hr />
                                        <li><a id="aOption" runat="server" onclick="ShowSearchOptionWindow();">Options</a>
                                        </li>
                                    </ul>
                                </div>
                                <input id="hdnSearchMethod" runat="server" type="hidden" value="0" />
                                <input id="hdnFieldList" runat="server" type="hidden" value="0" />
                                <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource"
                                    enableajax="true" ShowGroupPanel="True" Width="100%"  AllowSorting="True" AllowMultiRowSelection="True"
                                    OnCreateColumnEditor="RadGrid1_CreateColumnEditor" Height="100%" Skin="Vista"
                                    OnItemUpdated="RadGrid1_ItemUpdated" OnUpdateCommand="RadGrid1_UpdateCommand"
                                    OnDeleteCommand="RadGrid1_DeleteCommand" OnItemDataBound="RadGrid1_ItemDataBound"
                                    ClientSettings-ClientEvents-OnRowSelecting="RestrictSelect" PageSize="50" AllowCustomPaging="True" AllowPaging="True">
                                    <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" ReorderColumnsOnClient="True"
                                        AllowKeyboardNavigation="True">
                                        <DataBinding EnableCaching="True">
                                        </DataBinding>
                                        <Selecting AllowRowSelect="True" />
                                        <ClientEvents OnGridCreated="ResizeEvent" OnColumnResized="ColumnResized" OnColumnSwapped="ColumnSwapped" />
                                        <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="3" EnableVirtualScrollPaging="True"
                                            SaveScrollPosition="False" />
                                        <Resizing ResizeGridOnColumnResize="True" AllowColumnResize="True" />
                                    </ClientSettings>
                                    <MasterTableView DataKeyNames="ID" TableLayout="Fixed" Width="100%" GridLines="Both"
                                        AutoGenerateColumns="False" BorderColor="#ACA899" BorderStyle="Solid" BorderWidth="1px">
                                        <ExpandCollapseColumn>
                                            <HeaderStyle Width="20px" />
                                        </ExpandCollapseColumn>
                                        <EditFormSettings ColumnNumber="3">
                                            <EditColumn ButtonType="PushButton" UniqueName="EditCommandColumn">
                                            </EditColumn>
                                        </EditFormSettings>
                                        <PagerStyle AlwaysVisible="True" />
                                        <HeaderStyle Wrap="False" />
                                    </MasterTableView>
                                    <PagerStyle Mode="NextPrevNumericAndAdvanced" Visible="False" />
                                </telerik:RadGrid>
                                <asp:Label ID="lblMessage" Font-Bold="true" Visible="false" runat="server" Text="The selected item does not have any children or assigned addresses."></asp:Label>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </telerik:RadPane>
            <telerik:RadPane ID="StatusPane" runat="server" Height="21" Scrolling="none" BorderStyle="None">
                <div class="StatusBar">
                    <table style="border-collapse: collapse; width: 100%; height: 100%">
                        <tr>
                            <td>
                                <asp:Label ID="StatusBarLabel" runat="server" Text="Welcome to the MyProjectv6 Web Interface"></asp:Label>
                            </td>
                            <td class="StatusBarPanelUser">
                                <asp:Label ID="StatusBarUserLabel" runat="server" Text="No user"></asp:Label>
                            </td>
                            <td class="StatusBarPanelSubnets">
                                <asp:Label ID="StatusBarSubnetsLabel" runat="server" Text="Managed Subnets"></asp:Label>
                            </td>
                            <td class="StatusBarPanelIPAddresses">
                                <asp:Label ID="StatusBarIPAddressesLabel" runat="server" Text="Managed IP Addresses"></asp:Label>
                            </td>
                        </tr>
                    </table>
                </div>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>
    </form>
</body>
</html>
<script type="text/javascript" src="JS/jQuery.js"></script>
<script type="text/javascript" src="Js/jquery.autocomplete.js"></script>
<script type="text/javascript">
 
    // Bind search textbox using autocomplete method
    $(document).ready(function () {
        $("#RadTextBox1_text").autocomplete('Search.ashx', "", "", '<%= RadTreeView1.ClientID %>');
        $("#Search").hide();
    });
 
    // Clear left side search textbox
    function ClearTextBox() {
        if ($telerik.$('#RadTextBox1_text').val() != 'Search Groups and Subnets') {
            $find("<%= RadTextBox1.ClientID %>").clear();
            //$telerik.$('#RadTextBox1_text').focus();
            return false;
        }
    }
 
    // Clear right side search textbox and set default value of dropdown
    function RightClearTextBox() {
        document.getElementById("<%= lblSearchText.ClientID %>").innerHTML = 'Subnets';
        document.getElementById("<%= hdnSearchText.ClientID %>").value = 'Subnets';
        if ($telerik.$('#RadTextBox2_text').val() != 'Search Table') {
            $find("<%= RadTextBox2.ClientID %>").clear();
            $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RightSearch");
            //$telerik.$('#RadTextBox2_text').focus();
            return false;
        }
    }
 
    // Click event of left side magnifiyer
    function clickButton() {
        var txt = document.getElementById("<%= RadTextBox1.ClientID %>");
        if (txt.value != '') {
            selectNode(txt.value);
            return false;
        }
    }
 
    // Select searched node from treeview
    function selectNode(text) {
        var treeView = $find("<%= RadTreeView1.ClientID %>");
        var node = treeView.findNodeByText(String.trim(text));
        node.get_parent().expand();
        node.select(false);
    }
 
    // Set right side text according to selection from dropdown
    function SetText(sender, isGlobal) {
        var lbl = document.getElementById("<%= lblSearchText.ClientID %>");
        var hdnSearchText = document.getElementById("<%= hdnSearchText.ClientID %>");
 
        lbl.innerHTML = sender.innerHTML;
        hdnSearchText.value = sender.innerHTML;
        if (isGlobal) {
            document.getElementById("<%= aOption.ClientID %>").style.color = "Gray";
        }
        else {
            document.getElementById("<%= aOption.ClientID %>").style.color = "";
        }
    }
 
    var timeout;
    $(".showSearch").click(function (e) {
        $('#Search').show();
        e.stopPropagation();
    });
 
    $("body").click(function () {
        $('#Search').hide();
    });
 
    function ShowTime() {
        window.clearTimeout(timeout);
        SetTimeOut();
    }
    function SetTimeOut() {
        timeout = window.setTimeout(
                                function () {
                                    $('#Search').fadeOut('fast');
                                }, 1000);
    }
 
    // Show the SearchOptionWindow
    function ShowSearchOptionWindow() {
        //$("#Search").animate({ "height": "toggle" }, { duration: 500 });
        var TableName = document.getElementById("<%= lblSearchText.ClientID %>").innerHTML;
        if (TableName != 'Global ARP Table') {
            var manager = GetRadWindowManager();
            var window1 = manager.getWindowByName("WinSearchOption");
            window1.setUrl('SearchOption.aspx?Q=' + TableName);
            window1.set_title('Search Options - ' + TableName);
            window1.show();
        }
    }
 
    // Handle left side search textbox
    function TextboxEnter(sender, e) {
        var evt = e ? e : window.event;
        if (evt.keyCode == 13) {
            var oldValue = sender.value;
            var sendertext = sender.value;
            sender.value = sendertext;
            selectNode(sendertext);
            return false;
        }
    }
 
    // Show the HostDiscoveryWindow
    function HostDiscoveryWindow() {
        var manager = GetRadWindowManager();
        var window1 = manager.getWindowByName("WinHostDiscovery");
        window1.setUrl('HostDiscovery.aspx');
        window1.set_title('Host Discovery');
        window1.show();
    }
 
    // Show the UserFilesWindow
    function UserFilesWindow() {
        var manager = GetRadWindowManager();
        var window1 = manager.getWindowByName("WinUserFiles");
        window1.setUrl('UserFiles.aspx');
        window1.set_title('Load host discovery script');
        window1.show();
    }
 
    // Show the BotDiscovertWindow
    function BotDiscovertWindow() {
        var manager = GetRadWindowManager();
        var window1 = manager.getWindowByName("WinBotDiscovery");
        window1.setUrl('BotDiscovery.aspx');
        window1.set_title('Your Bot Discoveries');
        window1.show();
    }
 
    // Show the ReportWindow
    function ReportWindow() {
        var manager = GetRadWindowManager();
        var window1 = manager.getWindowByName("WinReport");
        window1.setUrl('Report.aspx');
        window1.set_title('MyProject Reports');
        window1.show();
    }
 
    // Show the ClientSettingWindow
    function ClientSettingWindow() {
        var manager = GetRadWindowManager();
        //var window1 = manager.getWindowByName("WinClientSetting");
        //window1.setUrl('ClientSetting.aspx');
        //window1.set_title('MyProject Client Settings');
        var window1 = manager.getWindowByName("WinAddUnallocatedSubnet");
        window1.setUrl('AddUnallocatedSubnets.aspx');
        window1.set_title('MyProject Client Settings');
        window1.show();
    }
 
    // Ajax call to set cookie for Resize Grid Column
    function SetResizeCookie(CookieValue) {
        jQuery.ajax({
            type: "POST",
            url: 'Search.ashx',
            dataType: "json",
            data: ("RequestType=Resize&Value=" + CookieValue),
            success: function (data) {
            }
        });
        return false;
    }
 
    // Ajax call to set cookie for Reorder Grid Column
    function SetReorderCookie(CookieValue) {
        jQuery.ajax({
            type: "POST",
            url: 'Search.ashx',
            dataType: "json",
            data: ("RequestType=Reorder&Value=" + CookieValue),
            success: function (data) {
            }
        });
        return false;
    }
 
</script>
Ajax
Yana
Telerik team
 answered on 17 Jan 2011
0 answers
212 views
Radmenu dropdown arrow right

Hi,
Please find the attached screenshot. I wan't the arrow to be displayed in the right side instead of left before the text.

I am adding the image in code behind
 protected override void OnPreRender(EventArgs e)
        {
            foreach (RadMenuItem item in RadCustomMenu.Items)
            {
                SetImageUrl(item);
            }

            base.OnPreRender(e);

        }

        private void SetImageUrl(RadMenuItem item)
        {        

            if (item.GroupSettings.ExpandDirection == Telerik.Web.UI.ExpandDirection.Down)
            {           
                 item.ImageUrl = @"\Styles\Menu\MENUDARK.GIF";
            }                     
        }

I have tried the css as in below site but didn't get the desired result.

http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-custom-skin-show-right-arrow.aspx

I have customized the default skin to mine as below

<style type="text/css">

        <!-- take care default skin background image usage when using the HeaderStyle-BackColor property -->
        div.RadGrid  .rgHeader,
        div.RadGrid  th.rgResizeCol
        {
            background-image: none ;
        }
        
        <!-- override RadGrid skin 'td' font style with editorial custom font style -->
        div.RadGrid_Web20  td,
        div.RadGrid_Default  td,
        div.RadGrid  td
        {
             font-family: tahoma;
            font-size: 8pt;
            vertical-align:middle;
            word-wrap: break-word;
        }        

        <!-- misc. custom styles for the RadEditor -->
        .rade_toolbar.Default .Symbols
        {
          background-image: url('/graphics/utdmediatemplate/Specical%20Chars/omega.gif');
          background-position:center;
        }
        
        .rade_toolbar.Default .SpaceBreak,
        .rade_toolbar.Default .LineBreak,
        .rade_toolbar.Default .Paragraph,
        .rade_toolbar.Office2007 .SpaceBreak,
        .rade_toolbar.Office2007 .LineBreak,
        .rade_toolbar.Office2007 .Paragraph,
        .rade_toolbar.Outlook .SpaceBreak,
        .rade_toolbar.Outlook .LineBreak,
        .rade_toolbar.Outlook .Paragraph
        {
          background-image: url('/images/editor_cmd.gif');
          background-position:center;
        }
                
        .rade_toolbar .MathSymbol,
        .rade_toolbar .ArrowSymbol,
        .rade_toolbar .CharacterSymbol,
        .rade_toolbar .CharacterSymbol,
        .rade_toolbar .GreekLetter,
        .rade_toolbar .MiscSymbol,
        .rade_toolbar .FootnoteSymbol,
        {
          background-image:url('/images/editor_cmd.gif');                                                                 
          background-position:center;
        }

        .reTool .SpaceBreak,
        .reTool .LineBreak,
        .reTool .Paragraph
    {
      background-image: url("/images/editor_cmd.gif");
    }
/* <RadMenu / Default> */

.RadMenu_UpToDateGreen .rmRootGroup,
.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow,
.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
    border-width: 0 0 1px;
}

.RadMenu_UpToDateGreen  .rmGroup .rmLink {  
        padding-left: -5px !important;   
     }  
       
    .RadMenu_UpToDateGreen  .rmGroup .rmLink .rmText {  
        padding-left: 0px !important;  
        padding-right: 5px !important;
     }  

.RadMenu_UpToDateGreen .rmRootGroup
{   
    border: 1px solid #DCE8E8;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #DCE8E8;
}

/* <Root items> */

.RadMenu_UpToDateGreen,
.RadMenu_UpToDateGreen a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #fff;
    text-decoration: none;   
}

/*Font for child item in Menu */
.childMenuitemText
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;   
}

.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    background-position: 0 -72px;
}

.RadMenu_UpToDateGreen .rmFirst a.rmLink,
.RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmLast .rmText,
.RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmVertical a.rmLink,
.RadMenu_UpToDateGreen .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 0px;   
    
}
div.RadMenu .rmLink .rmText
 {
    margin: 0;  
    padding: -3;        
    padding-right :10px;
 }
                        /* div.RadMenu a.rmLink {
                          line-height: 15px;
                        }*/
                       
/*div.RadMenu .rmRootGroup .rmLink
{
    padding: 0;
}
 
div.RadMenu .rmRootGroup .rmText
{      
    width: 120px  !important;  
    padding: 0;
    text-align: center;
}
 
div.RadMenu .rmGroup  .rmText
{
    width: auto !important;
}*/
 
div.RadMenu .rmGroup .rmText {
   margin:0 0 0 6px;
  /* padding:0 54px 0 28px;
   text-align: left;*/
 }

     

/* .RadMenu_UpToDateGreen .rmVertical .rmFirst,
.RadMenu_UpToDateGreen .rmVertical .rmLast
{
    background: none;
    
}

     {
        /* background-image: url('Menu/topnavselected.gif')!important;
         background:yellow !important;
      }*/


.RadMenu_UpToDateGreen .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('Menu/topnavselected.gif')!important;
    background-color: #D8E5E5;
    background-position :0px 0px;
    
}

.RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 3px;
}

.RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
{
    padding-left: 0;
}

.RadMenu_UpToDateGreen .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}

.RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}

.RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;   
    border-style: solid;   
    border-color: #DCE8E8;
    border-width: 0px 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}

.RadMenu_UpToDateGreen a.rmExpanded,
.RadMenu_UpToDateGreen a.rmExpanded:hover
{
    background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
}

.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{   
    border: 1px solid #979797 !important; 
    background: #f0f0f0 !important;
    background: #D8E4E4 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
* html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #8BC0B8;
    background-repeat: repeat-y;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
{
    background-color: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmBottomLeft,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
* html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
* html .rmRoundedCorners_UpToDateGreen ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopRight,
.RadMenu_UpToDateGreen .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
{
    border-color: #979797;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

.RadMenu_UpToDateGreen_rtl .rmBottomLeft,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_UpToDateGreen_rtl .rmTopRight,
.RadMenu_UpToDateGreen_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_UpToDateGreen_rtl li.rmTopFix,
.RadMenu_UpToDateGreen_rtl li.rmBottomFix,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_UpToDateGreen_rtl .rmGroup,
.RadMenu_UpToDateGreen_rtl .rmMultiColumn,
.RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_UpToDateGreen .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}

.RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -516px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -236px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_UpToDateGreen_rtl a.rmLink,
.RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
{
    background-position: 100% -96px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
{
    background: none;
}

.RadMenu_UpToDateGreen_rtl .rmText
{
    background-position: 0 -96px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -64px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_UpToDateGreen .rmSlide
{
    margin: 0 0 0 -1px;
}

.RadMenu_UpToDateGreen .rmVertical .rmSlide,
.RadMenu_UpToDateGreen .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_UpToDateGreen_rtl .rmSlide
{
    margin: 0 0 0 0;
}

.RadMenu_UpToDateGreen_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
.RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #DCE8E8; }

.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow,
.RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
.RadMenu_UpToDateGreen .rmGroup .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #DCE8E8; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_UpToDateGreen .rmHorizontal .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;   
    background-color: #5CAAA0;
}

.RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
.RadMenu_UpToDateGreen a.rmItem a.rmFirst
{
    background-image: url('Menu/topnavselected.gif')!important;
}

/* </Separators> */

/* </RadMenu / Default> */

</style>  

Thanks
BV
Menu
BV
Top achievements
Rank 1
 asked on 17 Jan 2011
1 answer
45 views
Rename in radscheduler
hi,

i want to rename "show 24 hours" to some other name.. is dis customization possible???



thanks in advance :)
Scheduler
Veronica
Telerik team
 answered on 17 Jan 2011
1 answer
127 views
Not enough storage is available to complete this operation
Hello,

I am using scheduler control (Version : 2010.2.929.35). I attempted to update a appointment on the Modify appointment advanced window.  When I clicked the Update button, the processing loading graphic appeared, but processed for an unusually long time.  When it finally resolved, the window remained open and there was an exclamation point next to the Done message. When I clicked on the exclamation point there was a message about a not enough storage error.  See screen captures attached.

Thanks and Best Regards
Sabya
Scheduler
Nikolay Tsenkov
Telerik team
 answered on 17 Jan 2011
4 answers
158 views
RadCalendar & RadDatePicker, custom dates
Hi,

  I'm trying to get functionality in a control that from all looks so far can't be done with either the RadCalendar or RadDatePicker since it needs funcitonality of both.  I'm looking for a single date selection (picker, i.e. popup), but that also renders the calendar (highlighting/enabling only specific dates based on a retrieved data set of possible dates) using DayRender or similar.  So far it seems like it just isn't very feasible.  thanks for any help

Ryan
Calendar
cheburek
Top achievements
Rank 1
 answered on 17 Jan 2011
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
Diagram
XmlHttpPanel
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
TreeMap
Security
DateRangePicker
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
5999 6000
6001
6002 6003
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how