Questions on UI for ASP.NET AJAX Forum

3 answers

357 views

RadGrid1_DetailTableDataBind event is firing on every opraton of RadGrid

We have Telerik Radgrid with master and detail table.
I'm binding Radgrid in page-load event/method.
i have OnDetailTableDataBind="RadGrid1_DetailTableDataBind" method also where i'm binding details table based on key values.
on every operations like filtering, paging page-load method is calling so RadGrid1_DetailTableDataBind is also firing for every operation.
So performance of Grid is slow when paging is performing...
Can u guide me what is the best way to improve the performance of Grid with master and details tables when we have thousands of records?
Immediate response is appreciated...

Thanks & Regards,
Rasheed Siriyala

Grid

answered on 20 Oct 2014

8 answers

154 views

RadPageView DefaultButton in FireFox

There doesn't seem to be a category for RadPageView or MulitPage so I'll put this in general.

I have some code utilizing RadMultiPage, RadPageView and RadPageView.DefaultButton.

In IE this works great. It fires the Defaultbutton on the appropriate Page and does not fire it on the other pages (with no defaultbutton specified).

Testing in FireFox, it does not work properly. It fires the DefaultButton on other pages besides the one which has it specified.

Appreciate any help or ideas.

Thanks,
JC

General Discussions

answered on 20 Oct 2014

3 answers

84 views

Apointmets Problem in ReadOnly mode

Hello,
I have a problem with the display of appointments.

In edit mode is displayed next to each other but
read-only mode overlap as in the picture.

Is there some method to properly display? Someone had this problem?

Thanks a lot for help

Scheduler

answered on 20 Oct 2014

14 answers

340 views

EntityDataSource WhereParameters not working while AllowFilteringByColumn="true"

Hi All,

I am using EntityDataSource whereParameter working fine while AllowFilteringByColumn="false". but i want to set AllowFilteringByColumn="true" it returns error like "WhereParameters cannot be specified unless AutoGenerateWhere==true or Where is specified.". i set to AutoGenerateWhere==false in entitydatasource it returns error while filter like "AutoGenerateWhereClause cannot be true if Where is defined. ".

How do i solve this issue. Please let me know ASAP.

Thanks in advance,
Dhamodharan.S

Grid

answered on 20 Oct 2014

1 answer

121 views

How to use radupload with radajaxpanel without Postback

Hi

How to use radupload with radajaxpanel without Postback any one Guide me. I am new in Telerik Controls

AsyncUpload

answered on 20 Oct 2014

0 answers

118 views

RadTree View Node expanding on mouse hover

Hello,

I am using RadTreeView control. My issue is my tree is expanding on mouse hover. I didn't write any code for it and also the sizing and placing of it is not what I desired for. If I change the size of it the nodes are comming in two columns. In short Its behaving weired.

I saw in one of the forum to set the parent container's max-height to100%. I did that and still having the same issue.
Please help.

Thanks,
Viji

TreeView

asked on 20 Oct 2014

2 answers

109 views

Creating a RadScriptManager in cs

Hi,

I have a question about RadScriptManager.

When I create a RadScriptManager to use the RadAjaxManager,
This works well if generated directly from the "aspx".

aspx :

...

<

body>

<form id="form1" runat="server">

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<telerik:RadButton ID="RadButton1" runat="server" OnClick="RadButton1_Click" Text="RadButton">

</telerik:RadButton>

<asp:Panel ID="Panel1" runat="server">

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" Culture="ko-KR" Skin="Metro">

<MasterTableView ClientDataKeyNames="itemcd" AllowAutomaticDeletes="False" AllowAutomaticInserts="False" AllowAutomaticUpdates="False" AutoGenerateColumns="False" DataKeyNames="itemcd" EditMode="Batch">

<Columns>

<telerik:GridBoundColumn DataField="itemcd" FilterControlAltText="Filter itemcd column" HeaderText="품목코드" ReadOnly="True" SortExpression="itemcd" UniqueName="itemcd">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="itemnm" FilterControlAltText="Filter itemnm column" HeaderText="itemnm" SortExpression="itemnm" UniqueName="itemnm">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="size" FilterControlAltText="Filter size column" HeaderText="size" SortExpression="size" UniqueName="size">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true">

<Selecting CellSelectionMode="MultiColumn"></Selecting>

<ClientEvents OnCellSelected="RadGrid1_OnCellSelected" OnCellDeselecting="RadGrid1_OnCellDeselecting" OnBatchEditCellValueChanging="RadGrid1_OnBatchEditCellValueChanging" />

</ClientSettings>

</telerik:RadGrid>

</asp:Panel>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:DaeMyungDB %>"

SelectCommand="SELECT top 1000 itemcd, itemnm, size FROM biitm01t"

runat="server"></asp:SqlDataSource>

</form>

</body>

...

However, I had to remove RadScriptManager from the aspx.
Then, When I add in cs this, RadAjaxManager does not work.

cs:

...

protected void Page_Load(object sender, EventArgs e)

{

RadScriptManager scriptManager = new RadScriptManager();

this.Form.Controls.Add(scriptManager);

}

protected void RadButton1_Click(object sender, EventArgs e)

{

RadGrid1.Rebind();

}

...

What did I do wrong?

Thanks,
Yoongu.

Ajax

answered on 20 Oct 2014

2 answers

163 views

Lightbox popup window or radwindow to radrotator image gallery example

I'm using the radrotator image gallery example and i'm trying to achieve the following:

When a user clicks a full image (imagePreview) a lightbox popup window will be come up containing the full image and the comments.

I wrote the following code with no result:

aspx file

<a runat="server" id="linkPreview" rel="lightbox">

<asp:Image ID="imagePreview" Height="192px" Width="272px" AlternateText="preview"

BorderWidth="0" runat="server" ImageUrl="Images/spacer.gif" /></a>

aspx.cs file

linkPreview.Title = fInfo.comments;

linkPreview.HRef = imagePreview.ImageUrl;

Any ideas on how to achieve this either with jquery lightbox or radwindow (I would like the popup window contains both full image and comments)?

Thank you very much apriori.

Rotator

answered on 17 Oct 2014

1 answer

176 views

The 'Insert Code Snippet' command mixes up an HTML, if <p> element is placed above

Environment: Telerik UI for ASP.NET AJAX Library Q2 2014 version 2014.2.724, Internet Explorer 11 or FireFox 32, Chrome 38.

Steps to reproduce:
1. In Visual Studio, create a new ASP.NET Web Application using the Empty template and the Web Forms as a core reference.
2. Add references to Telerik.Web.UI and Telerik.Web.UI.Skins assemblies.
3. Add the Default.aspx Web Forms item into the root of the project.
4. In Default.aspx page, add the following HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %>

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

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

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

<telerik:RadEditor ID="RadEditor1" runat="server">

<Snippets>

<telerik:EditorSnippet Name="2 Column Div Layout">

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

<p

>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.</p>

</div>

<div class="span3">

<p

>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.</p>

</div>

<div class="pad15"></div>

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

<p

>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et. </p>

</div>

<div class="span3">

<p

>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et. </p>

</div>

</telerik:EditorSnippet>

</Snippets>

</telerik:RadEditor>

</form>

</body>

</html>

5. Build and run the project using Internet Explorer 11 or Firefox 32 or Chrome 38.
6. In the Design tab, click the Entre key. The <p> </p> <p> </p> HTML is inserted.
7. In the Design tab, click the Insert Code Snippet button and select the 2 Column Div Layout code snippet.
8. Switch to the HTML tab to see the HTML.

Actual Result:
The code snipped is inserted inside the second <p> element. As a result, the code snippet HTML is changed.

<p> </p>

<p>

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

</div>

</p>

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

<p>

<div class="row">

<div class="span7">

<div class="row">

<div class="span3">

</div>

<div class="pad15"> </div>

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

</div>

</p>

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

Expected Result:
The code snipped must be inserted after the <p> </p> <p> </p> HTML without any changes.

<p> </p>

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

</div>

<div class="span3">

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

</div>

<div class="pad15"> </div>

<div class="row">

<div class="span7">

<div class="row">

<div class="span4">

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

</div>

<div class="span3">

<p>

Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,

suspendisse ac nec et.

</p>

</div>

Editor

answered on 17 Oct 2014

1 answer

187 views

RadMenu Expanded, remove white border

I would like to remove the white border on my radmenu. Attached is an image

<telerik:RadMenu ID="mnuTopBar" runat="server" Width="100%" EnableEmbeddedSkins="false" Skin="TopBar">

<Items>

<telerik:RadMenuItem runat="server" Text="Home" />

<telerik:RadMenuItem runat="server" Text="Publishers">

<Items>

<telerik:RadMenuItem runat="server" Text="PYP Publishers" />

<telerik:RadMenuItem runat="server" Text="Internet Publishers" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Resources" />

<telerik:RadMenuItem runat="server" Text="YPMNet" />

<telerik:RadMenuItem runat="server" Text="YPM Websites" />

<telerik:RadMenuItem runat="server" Text=" " />

</Items>

</telerik:RadMenu

CSS:

/* <RadMenu / Default> */

.RadMenu_TopBar .rmRootGroup,

.RadMenu_TopBar a.rmLink,

.RadMenu_TopBar .rmGroup .rmText,

.RadMenu_TopBar .rmVertical .rmText,

.RadMenu_TopBar .rmLeftArrow,

.RadMenu_TopBar .rmRightArrow,

.RadMenu_TopBar .rmTopArrow,

.RadMenu_TopBar .rmBottomArrow {

background-image: url('Menu/rmSprite.png');

background-color: transparent;

}

.RadMenu_TopBar .rmRootGroup {

border: 0px solid #828282;

background-repeat: repeat-x;

background-position: 0 -408px;

background-color: none; }

/* <Root items> */

.RadMenu_TopBar,

.RadMenu_TopBar a.rmLink {

font: normal 12px/28px "Segoe UI", Arial, Helvetica, sans-serif;

color: #FFF;

text-decoration: none; }

.RadMenu_TopBar a.rmLink,

.RadMenu_TopBar a.rmDisabled,

.RadMenu_TopBar a.rmDisabled:hover {

background-position: 0 -72px; }

.RadMenu_TopBar .rmFirst a.rmLink,

.RadMenu_TopBar .rmFirst a.rmLink:hover,

.RadMenu_TopBar .rmLast .rmText,

.RadMenu_TopBar .rmLast a.rmLink:hover .rmText,

.RadMenu_TopBar .rmVertical a.rmLink,

.RadMenu_TopBar .rmVertical .rmText {

background-repeat: no-repeat;

background-position: 0 500px; }

.RadMenu_TopBar .rmVertical .rmFirst,

.RadMenu_TopBar .rmVertical .rmLast {

background: none; }

.RadMenu_TopBar a.rmLink:hover,

.RadMenu_TopBar a.rmFocused,

.RadMenu_TopBar a.rmSelected {

background-color: #ffc90d; }

.RadMenu_TopBar .rmHorizontal .rmRootLink span.rmText {

display: inline;

padding-left: 12px;

padding-top: 6px; }

.RadMenu_TopBar_rtl .rmRootLink span.rmText {

padding-right: 12px; }

.RadMenu_TopBar_Context_rtl .rmRootLink span.rmText {

padding-right: 28px; }

.RadMenu_TopBar .rmHorizontal a.rmRootLink {

padding-left: 0; }

.RadMenu_TopBar_rtl a.rmRootLink {

margin-left: 0;

padding: 0; }

.RadMenu_TopBar .rmHorizontal .rmItem > a.rmRootLink {

width: 100%; }

.RadMenu_TopBar ul.rmHorizontal .rmLeftImage {

margin: 4px -4px 0 6px; }

.RadMenu_TopBar_rtl ul.rmHorizontal .rmLeftImage {

margin: 4px 6px 0 -4px; }

.RadMenu_TopBar .rmVertical a.rmLink {

padding-top: 1px;

padding-bottom: 1px; }

.RadMenu_TopBar .rmVertical a.rmLink:hover,

.RadMenu_TopBar .rmVertical a.rmFocused,

.RadMenu_TopBar .rmVertical a.rmSelected,

.RadMenu_TopBar .rmVertical a.rmExpanded,

.RadMenu_TopBar .rmVertical a.rmExpanded:hover {

padding-top: 0;

padding-bottom: 0;

border-style: solid;

border-color: #828282;

border-width: 1px 0; }

.RadMenu_TopBar .rmVertical .rmFirst a.rmLink:hover,

.RadMenu_TopBar .rmVertical .rmFirst a.rmFocused,

.RadMenu_TopBar .rmVertical .rmFirst a.rmSelected,

.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded,

.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded:hover {

padding-top: 1px;

padding-bottom: 0;

border-top-width: 0; }

.RadMenu_TopBar .rmVertical .rmLast a.rmLink:hover,

.RadMenu_TopBar .rmVertical .rmLast a.rmFocused,

.RadMenu_TopBar .rmVertical .rmLast a.rmSelected,

.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded,

.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded:hover {

padding-bottom: 1px;

padding-top: 0;

border-bottom-width: 0; }

.RadMenu_TopBar .rmVertical .rmItem a.rmDisabled:hover {

padding-top: 1px;

padding-bottom: 1px;

border-width: 0; }

.RadMenu_TopBar a.rmExpanded,

.RadMenu_TopBar a.rmExpanded:hover {

background-color: #ffc90d; }

.RadMenu_TopBar a.rmDisabled,

.RadMenu_TopBar a.rmDisabled:hover {

color: #7d7d7d;

background-color: transparent; }

/* </Root items> */

/* <Submenu items> */

.RadMenu_TopBar .rmGroup,

.RadMenu_TopBar .rmMultiColumn,

.RadMenu_TopBar .rmGroup .rmVertical {

border: 1px solid #979797;

background: white url('Menu/rmVSprite.png') repeat-y 0 0; }

.RadMenu_TopBar .rmTopFix,

.RadMenu_TopBar .rmBottomFix,

.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmItem,

.RadMenu_TopBar .rmRoundedCorners li.rmFirstGroupColumn .rmItem,

.RadMenu_TopBar .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,

.RadMenu_TopBar .rmRoundedCorners ul.rmHorizontal .rmFirst,

.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmItem,

.RadMenu_TopBar_Context.rmRoundedCorners ul.rmHorizontal .rmFirst {

background-image: url('Menu/rmVSprite.png');

background-color: #fff;

background-repeat: repeat-y; }

* html .rmRoundedCorners_TopBar .rmGroup .rmItem,

* html .rmRoundedCorners_TopBar ul.rmHorizontal .rmFirst {

background-image: url('Menu/rmVSprite.png');

background-color: #fff;

background-repeat: repeat-y; }

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmItem,

.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,

.RadMenu_TopBar .rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmVertical,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_TopBar_Context.rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmVertical {

background-image: none; }

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmGroup,

* html .rmRoundedCorners_TopBar .rmScrollWrap .rmItem,

* html .rmRoundedCorners_TopBar .rmHorizontal .rmItem,

* html .rmRoundedCorners_TopBar .rmScrollWrap .rmVertical {

background-image: none; }

.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn {

background-color: #fff; }

.RadMenu_TopBar .rmBottomLeft,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_TopBar_Context.rmRoundedCorners ul.rmGroup,

.RadMenu_TopBar .rmRoundedCorners ul.rmGroup,

.RadMenu_TopBar .rmRoundedCorners .rmMultiColumn {

background-image: url('Menu/rmRoundedLeft.png');

background-color: transparent;

background-repeat: no-repeat; }

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer,

* html .rmRoundedCorners_TopBar .rmGroup ul.rmGroup,

* html .rmRoundedCorners_TopBar ul.rmGroup {

background-image: url('Menu/rmRoundedLeft.png');

background-color: transparent;

background-repeat: no-repeat; }

.RadMenu_TopBar .rmTopRight,

.RadMenu_TopBar .rmBottomRight {

background-image: url('Menu/rmRoundedRight.png');

background-color: transparent;

background-repeat: no-repeat; }

.RadMenu_TopBar .rmTopFix,

.RadMenu_TopBar .rmBottomFix,

.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmFirst,

.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmFirst,

.rmRoundedCorners_TopBar .rmGroup .rmFirst {

border-color: #979797; }

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {

background: #FFF; }

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopFix,

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomFix {

background: #FFF; }

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {

background-color: #FFF;

border: 0; }

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopArrow,

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomArrow,

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmLeftArrow,

* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmRightArrow {

background-color: #FFF;

border: 0; }

.RadMenu_TopBar_rtl .rmBottomLeft,

.RadMenu_TopBar_rtl .rmRoundedCorners ul.rmGroup,

.RadMenu_TopBar_rtl .rmRoundedCorners .rmMultiColumn,

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_TopBar .rmScrollWrapContainer .rmBottomLeft,

.rmRoundedCorners.RadMenu_TopBar_Context_rtl ul.rmGroup,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer {

background-image: url('Menu/rmRoundedLeft_rtl.png'); }

.RadMenu_TopBar_rtl .rmTopRight,

.RadMenu_TopBar_rtl .rmBottomRight {

background-image: url('Menu/rmRoundedRight_rtl.png'); }

.RadMenu_TopBar_rtl li.rmTopFix,

.RadMenu_TopBar_rtl li.rmBottomFix,

.RadMenu_TopBar_rtl .rmRoundedCorners .rmGroup .rmItem,

.rmRoundedCorners.RadMenu_TopBar_Context_rtl .rmGroup .rmItem {

background-position: 101% 0; }

.RadMenu_TopBar .rmSlide .rmScrollWrap {

background-image: none; }

.RadMenu_TopBar_rtl .rmGroup,

.RadMenu_TopBar_rtl .rmMultiColumn,

.RadMenu_TopBar_rtl .rmGroup .rmVertical {

background-position: 100% 0; }

.RadMenu_TopBar .rmRootGroup li.rmItem .rmGroup {

padding-bottom: 0; }

.RadMenu_TopBar .rmRootGroup .rmHorizontal {

background-image: none; }

.RadMenu_TopBar .rmScrollWrap .rmVertical {

border: 0; }

.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.rmRoundedCorners_TopBar .rmScrollWrapContainer li.rmItem {

background: none; }

.RadMenu_TopBar .rmGroup .rmItem a.rmLink,

.RadMenu_TopBar .rmGroup .rmItem a.rmLink:hover,

.RadMenu_TopBar .rmGroup .rmItem a.rmFocused,

.RadMenu_TopBar .rmGroup .rmItem a.rmSelected,

.RadMenu_TopBar .rmGroup .rmItem a.rmExpanded {

padding-top: 0;

padding-bottom: 0;

border: 0; }

.RadMenu_TopBar .rmGroup .rmLast a.rmLink,

.RadMenu_TopBar .rmGroup .rmLast a.rmLink:hover,

.RadMenu_TopBar .rmGroup .rmLast a.rmFocused,

.RadMenu_TopBar .rmGroup .rmLast a.rmSelected,

.RadMenu_TopBar .rmGroup .rmLast a.rmExpanded {

padding-bottom: 1px; }

.RadMenu_TopBar .rmGroup a.rmLink,

.RadMenu_TopBar .rmGroup .rmText,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmText,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmText {

background-position: 0 500px;

background-repeat: no-repeat;

background-color: #192960; /*RED*/}

.RadMenu_TopBar .rmGroup a.rmLink:hover,

.RadMenu_TopBar .rmGroup a.rmFocused,

.RadMenu_TopBar .rmGroup a.rmSelected,

.RadMenu_TopBar .rmGroup a.rmExpanded {

background-position: 0 -168px;

background-color: #FFC90D;

}

.RadMenu_TopBar .rmGroup a.rmLink:hover .rmText,

.RadMenu_TopBar .rmGroup a.rmFocused .rmText,

.RadMenu_TopBar .rmGroup a.rmSelected .rmText,

.RadMenu_TopBar .rmGroup a.rmExpanded .rmText {

background-position: 100% -192px;

background-color: #FFC90D;

}

/* <expand arrows> */

.RadMenu_TopBar .rmRootGroup .rmExpandRight,

.RadMenu_TopBar .rmGroup .rmExpandDown,

.RadMenu_TopBar_Context .rmGroup .rmExpandRight,

.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmExpandDown,

.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,

.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown {

background-position: 100% -216px; }

.RadMenu_TopBar a.rmLink:hover .rmExpandRight,

.RadMenu_TopBar .rmLast a.rmLink:hover .rmExpandRight,

.RadMenu_TopBar a.rmFocused .rmExpandRight,

.RadMenu_TopBar a.rmSelected .rmExpandRight,

.RadMenu_TopBar a.rmExpanded .rmExpandRight {

background-position: 100% -312px; }

.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandRight,

.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandRight,

.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandRight,

.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandRight,

.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandDown,

.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandDown,

.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandDown,

.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandDown {

background-position: 100% -240px; }

.RadMenu_TopBar .rmRootGroup a.rmDisabled:hover .rmExpandRight,

.RadMenu_TopBar .rmGroup a.rmDisabled:hover .rmExpandDown {

background-image: url('Menu/rmSprite.png');

background-position: 100% -216px; }

/* </expand arrows> */

/* <rtl> */

.RadMenu_TopBar_rtl a.rmLink,

.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled {

background-position: 100% -96px; }

.RadMenu_TopBar_rtl .rmGroup a.rmDisabled {

background: none; }

.RadMenu_TopBar_rtl .rmText {

background-position: 0 -96px; }

.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmText,

.RadMenu_TopBar_rtl .rmVertical a.rmExpanded:hover .rmText {

background-position: 0 500px;

background-repeat: no-repeat; }

.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover,

.RadMenu_TopBar_rtl .rmGroup a.rmFocused,

.RadMenu_TopBar_rtl .rmGroup a.rmSelected,

.RadMenu_TopBar_rtl .rmGroup a.rmExpanded {

background-position: 100% -264px; }

.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmText,

.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmText,

.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmText,

.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmText {

background-position: 0 -288px; }

.RadMenu_TopBar_Context_rtl .rmVertical .rmExpandLeft,

.RadMenu_TopBar_rtl .rmRootGroup .rmExpandLeft {

background-position: 0 -312px; }

.RadMenu_TopBar_rtl .rmVertical a.rmLink:hover .rmExpandLeft,

.RadMenu_TopBar_rtl .rmVertical a.rmFocused .rmExpandLeft,

.RadMenu_TopBar_rtl .rmVertical a.rmSelected .rmExpandLeft,

.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmExpandLeft {

background-position: 0 -216px; }

.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmExpandLeft,

.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmExpandLeft,

.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmExpandLeft,

.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmExpandLeft {

background-position: 0 -336px; }

.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {

background-position: 0 -312px; }

/* </rtl> */

/* </Submenu items> */

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

.RadMenu_TopBar .rmSlide {

margin: 0 0 0 -1px; }

.RadMenu_TopBar .rmVertical .rmSlide,

.RadMenu_TopBar .rmSlide .rmSlide,

.RadMenu_TopBar_Context .rmGroup .rmSlide {

margin: 0 0 0 -5px; }

.RadMenu_TopBar_rtl .rmSlide {

margin: 0 0 0 0; }

.RadMenu_TopBar_rtl .rmFirst .rmSlide {

margin-left: 1px; }

.RadMenu_TopBar_rtl .rmVertical .rmSlide,

.RadMenu_TopBar_rtl .rmSlide .rmSlide,

.RadMenu_TopBar_Context_rtl .rmGroup .rmSlide {

margin: 0 0 0 5px; }

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_TopBar .rmLeftArrow,

.RadMenu_TopBar .rmRightArrow {

background-color: #E6E6E6; }

.RadMenu_TopBar .rmLeftArrow {

background-position: -8px -312px;

border-right: 1px solid #828282; }

.RadMenu_TopBar .rmRightArrow {

background-position: -482px -216px;

border-left: 1px solid #828282; }

.RadMenu_TopBar .rmTopArrow,

.RadMenu_TopBar .rmBottomArrow,

.RadMenu_TopBar .rmGroup .rmLeftArrow,

.RadMenu_TopBar .rmGroup .rmRightArrow {

background-color: #E6E6E6; }

.RadMenu_TopBar .rmTopArrow {

background-position: 50% -367px;

border-bottom: 1px solid #828282; }

.RadMenu_TopBar .rmBottomArrow {

background-position: 50% -391px;

border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_TopBar .rmHorizontal .rmSeparator .rmText,

.RadMenu_TopBar .rmVertical .rmHorizontal .rmSeparator .rmText {

height: 22px;

margin: 1px 0 0;

width: 1px;

background-color: #A8A8A8; }

.RadMenu_TopBar_Context .rmSeparator .rmText,

.RadMenu_TopBar .rmHorizontal .rmGroup .rmSeparator .rmText,

.RadMenu_TopBar .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText {

background-color: transparent;

background-position: 0 -406px; }

/* </Separators> */

/* </RadMenu / Default> */

General Discussions

answered on 17 Oct 2014