Questions on UI for ASP.NET AJAX Forum

110,766 questions

8 answers

119 views

Hi
We are are using Telerik Tabstrip but the Scrolling appears in IE 6.0 but not in IE 8.0
Can you please fix these issue ASAP.
Since we are having Production GoLive verysoon and system is being halted in UAT

TabStrip

answered on 17 Jan 2011

9 answers

119 views

Insert forces user to edit inline, then validates.

I have a scenario where the only way a user can create an appointment, is by dragging from a RadTreeView. The requirement is that when the user drags the appointment, and before the appointment is created, the user is required to enter the appointment's description, and then some validation needs to run before the appointment is actually committed.

What's the easiest way to achieving this? (assuming of course that it's possible.)

Many thanks,
Daryl

Scheduler

answered on 17 Jan 2011

6 answers

127 views

Web page reloads on move/resize in firefox

Hi,
I'm using Q2 2010 SP2 ASP.NET AJAX controls and have noticed an issue with firefox. If I have a rad window that is pointing to say youtube and I start watching a video when I move or resize the radwindow the page gets reloaded and the video starts from the begining.

I have test this in Internet Explorer and although it seems to work there you can move and resize without the page reloading on the odd occassion it does reload. In firefox it's all the time.

I tested your demo Window - First look and in the google window I searched for youtube and then in you tube just selected any video. Waited for it to start playing then moved the radwindow and that also reloaded the page. Tested the same thing in IE and it worked could move and resize without the page being reloaded.

Could you please confirm if this is a bug? Is there any way to work round it.

Thanks

Window

answered on 17 Jan 2011

1 answer

62 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

answered on 17 Jan 2011

4 answers

110 views

Expand RadPanelBar in NestedViewTemplate - Client Side

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

answered on 17 Jan 2011

1 answer

65 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

answered on 17 Jan 2011

1 answer

124 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

answered on 17 Jan 2011

8 answers

105 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/

answered on 17 Jan 2011

1 answer

276 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">

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

<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>

</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>

</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

answered on 17 Jan 2011

0 answers

229 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">

        
        div.RadGrid .rgHeader,
        div.RadGrid th.rgResizeCol
        {
            background-image: none ;
        }

        
        div.RadGrid_Web20 td,
        div.RadGrid_Default td,
        div.RadGrid td
        {
             font-family: tahoma;
            font-size: 8pt;
            vertical-align:middle;
            word-wrap: break-word;
        }

        
        .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

asked on 17 Jan 2011

Top users last month