Questions on UI for ASP.NET AJAX Forum

1 answer

180 views

We have HTML saved in our database (from before we implemented RadEditor) that includes things like: <SPAN style="FONT-SIZE: 10pt" gray;?="" color:="" arial?,?sans-serif?;="">. When the user posts with this HTML in Firefox they get an alert that looks like:

Error while executing filter ConvertFontToSpanFilter - [Exception... "String contains an invalid character" code: "5" nsresult: "0x80530005 (NS_ERROR_DOM_INVALID_CHARACTER_ERR)" location: "https://localhost/Subscribers/ScriptResource.axd?d=2eHYqgnVBHONfwZDen1YDcz5DZLpEQofwg799549PDgZJJmxxQIG0GJmh_GR-8UxvUyNvk5EpabsR9QxsnPoxMX4d0CJVoRiU1N2E56z93xNDv0T_o-WS_vGOOS9lTwEXhW03g2&t=ffffffff9f027b8e Line: 580"]

Is there any way we can suppress this error message?

Editor

answered on 16 Aug 2011

4 answers

252 views

Urgent: Telerik upgrade problem

Dear Telerik team,

we've recently upgraded ASP.NET Ajax Web controls to version 2011.2.712.40, however by the next launch of our web. application we've obtained the following error message after a visual skin has been changed:
Telerik.Web.UI.RadFormDecorator with ID='FormDecorator1' was unable to find embedded skin with name 'Office2010Blue'. Please, make sure that you spelled the skin name correctly, or if you want to use a custom skin, set EnableEmbeddedSkins=false.

A curiosity occurs also at Telerik upgrade wizzard by getting the latest version (see attached image as >>upgradescreen.jpg<<)

In addition, VS2010 Designer shows an error message "Failed to create designer..." for all the visual components.
We've also tried the remove of the files from folder: 'C:\Users\[user]\AppData\Local\Microsoft\VisualStudio\10.0\ProjectAssemblies', but it doesn't work.

At last we provide the screenshot as the next attachment >>versioninfo.jpg<< obtained from a project references list in VS2010 which (oddly enough) indicates the use of latest libraries (v.2011.2.712.40).

Can you help us, please? We'll be very grateful for any ideas and suggestions.

Kind regards,
SCT

General Discussions

answered on 16 Aug 2011

1 answer

130 views

Update RadAjaxPanel from rad window

Hi,
Im new to telerik control, One of the requirement we got is to open a radWindow , radwindow is present inside radAjaxpanel.
RadWindow should be open up on Click of html button.Im successfully till that part, Now radwindow contains a treeview aong with ASO.NET button "OK" and cancel html button. On Click of Cancel radwindow as to close and dont refresh parent radajaxpanel. When the user clicks on "OK" server side functionality to performed and update the parent radajax panel. Can anytell me how to perform

I tried adding javascript

function OnClientClose()
{
$find("<%=radPanel.ClientID%>").ajaxRequest("Rebind");
}

In the radAJAXPANEL i added OnAjaxRequest but nothing is working
-Mahender

Ajax

answered on 16 Aug 2011

1 answer

320 views

[Solved] How to manage Checkbox in RadListBox? Make it visible but Disable to check.

Hi all,

Please kindly advise
I want some item to unable to check, so I set checkable=false to a particular item at ItemDataBound event.
This cause Checkbox invisible and Item list indentation are not same, as show in below.

How to make checkbox visible but enable to check?
or
How to make Item List to show same indentation those with checkbox and without checkbox?

Thanks and best regards

ListBox

answered on 16 Aug 2011

1 answer

87 views

Accessing content through custom titlebar button.

I'm using this example

http://www.telerik.com/support/kb/aspnet-ajax/window/adding-a-custom-button-to-radwindow-titlebar.aspx

to add a custom dismiss button to a RadWindow that loads an aspx.

I cannot get access to content via the function
A.onmousedown = printWin;
as shown in the kb article.

I can use %find and jquery selectors to access the content when using the same function when responding to a mouse click on the page itself, but NOT when I use the custom button from the title bar.

TIA

Window

answered on 16 Aug 2011

1 answer

105 views

[Solved] tooltip not scroollable

Hi,
In my page there is a tooltip to show the details, below is the code for this tooltip

<telerik:RadToolTip runat="server" ID="tltpPrint"

HideEvent="FromCode" Position="Center" Width="270" Animation="None" ShowEvent="OnClick"

ShowDelay="0" ManualClose ="true" EnableViewState="true" TargetControlID="Test" RenderInPageRoot ="true"

RelativeTo="BrowserWindow" ShowCallout="False" Modal ="true" OffsetY ="50">

<telerik:RadAjaxPanel ID="PrintLayout" EnableAJAX="true" runat="server">

<div style ="border-width :6px;border-color :Gray ;border-style :solid;" >

<div class ="printMainDiv">

<span class="printLabel">Print Receipt</span>

<div ID="PrintArea">

<div class ="printSubDiv1"><asp:Label ID="_lblvendor" runat ="server" Text ="sdf" CssClass ="printLabel" Font-Bold ="false" /></div>

<div class ="printSubDiv2" >

<div > <asp:Label ID="_lblPurchaseDate" runat ="server" Text ="purchase Date" Font-Bold ="false" CssClass ="printLabel"/></div>

<div> <asp:Label ID="_lblTransID" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel"/></div>

</div>

<div >

<div style ="float :left;width:140px" > <asp:Label ID="_lblPurchaselabel" runat ="server" Text ="Purchase Total:" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;" > <asp:Label ID="_lblPurchase" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel" Width="75px" style="text-align :right "/></div>

<div style ="clear :both "></div>

<div style ="float :left;width:140px" > <asp:Label ID="Label8" runat ="server" Text ="Points Discount:" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;" > <asp:Label ID="_lblDisPoint" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel" Width="75px" style="text-align :right "/></div>

<div style ="clear :both "></div>

<div style ="float :left;width:140px" > <asp:Label ID="Label9" runat ="server" Text ="Amount Due:" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;" > <asp:Label ID="_lblAmountDue" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel" Width="75px" style="text-align :right "/></div>

<div style ="clear :both "></div>

</div>

<div class ="printSubDiv2"><span class="printLabel">*************************</span></div>

<div class ="printSubDiv1"><asp:Label ID="_lblLoyaltyPlan" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;width:140px"> <asp:Label ID="_lblPointRef" runat ="server" Text ="Points Subtracted:" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;" > <asp:Label ID="_lblEarnedPoints" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel" Width="75px" style="text-align :right "/></div>

<div style ="clear :both "></div>

<div style ="float :left;width:140px"> <asp:Label ID="Label6" runat ="server" Text ="Points Balance:" Font-Bold ="false" CssClass ="printLabel"/></div>

<div style ="float :left;" > <asp:Label ID="_lblBalance" runat ="server" Text ="" Font-Bold ="false" CssClass ="printLabel" Width="75px" style="text-align :right "/></div>

<div style ="clear :both "></div>

<div class ="printSubDiv2"><span class="printLabel">*************************</span></div>

<div style="padding-top :37px;" ><span class="printLabel" style ="text-align :center;padding-left :65px">THANK YOU!</span></div>

</div>

<div class ="printMainDiv" style="height :50px">

<div style ="float :left;padding-left :27px;padding-top :17px"> <asp:Button Text="Print" runat ="server" Width ="86px" ID="_btnprint" OnClientClick ="getPrint('PrintArea');return false;"/></div>

<div style ="float :left;padding-left :10px;padding-top :20px">

<telerik:RadAjaxManager ID="rdajxmCancel" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID ="_lbnClose"></telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:LinkButton ID="_lbnClose" Text="Close" runat ="server" Width ="86px" Font-Underline ="true" OnClientClick="CancelTooltip();"/></div>

</div>

</telerik:RadAjaxPanel>

</telerik:RadToolTip>

when viewing this tooltip in browser, I cann't scroll this with the page. when restore down the browser, the tooltip will not be shown fully. when changing RelativeTo property to 'Mouse' it will scroll,but it won't show in center of the page. How can i solve this issue?

ToolTip

answered on 16 Aug 2011

2 answers

104 views

radFilter set cursor in code-behind

can i use the command object or PreRender to set the cursor, so the user can just start typing if it's a text field rather than move the mouse and set the cursor?
thanks again for all of your help
rik
for instance:

protected void RadFilter1_ItemCommand(object sender, RadFilterCommandEventArgs e)
{
    if (e.CommandName == RadFilter.AddExpressionCommandName )
    {
       SOMEWHERE IN HERE???
}

Filter

answered on 16 Aug 2011

3 answers

150 views

Position Model Window

how do you postion a model dialog?

i have radwindowmanager on page
i set the left and top property of the radwindowmanager to 50, 50
when user clicks button i call client side script that calls "radopen"
the dialog is always centered in the middle of the screen.
i would like to postion it about 50 pixes from the top of the page.

thanks in advance.

PS, i also tried setting OnClientBeforeShow on radWindowManager and calling the moveTo method. That doesn't work either.

Window

answered on 16 Aug 2011

3 answers

312 views

RadDatePicker DisabledDayStyle problem

Hi,

I have a simple RadDatePicker for which i add special days on the server side code. I intentionally make couple of days to be IsDisabled - true. On the aspx side, i applied the DisabledDayStyle css. But this class gets applied only for the first time when we load the datetime control. If i check for different months that was kept disabled, this class wasn't getting applied. How can we achieve this?

I know we have to do something on clientevent - ondayrender event but how do i actually capture the element? Let me know how do i proceed on this. I somehow do not want to again check for special days on the client side. Any code example would help.

.ASPX page:

<head runat="server">

<title></title>

<style type="text/css">

.RadCalendar_Default .rcMainTable tr .DisabledClass a

{

color: #ebe6ca;

}

</style>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadDatePicker ID="radEffDate" runat="server" MinDate="1900-01-01" Culture="en-US">

<Calendar runat="server">

<ClientEvents />

<DisabledDayStyle CssClass="DisabledClass" />

</Calendar>

<DateInput Enabled="false" runat="server">

</DateInput>

</telerik:RadDatePicker>

</div>

</form>

</body>

.CS

if (!IsPostBack)

{

radEffDate.SelectedDate = DateTime.Now;

RadCalendarDay r = new RadCalendarDay();

r.Date = DateTime.Parse("08/09/2011");

r.IsSelectable = false;

r.IsDisabled = true;

radEffDate.Calendar.SpecialDays.Add(r);

RadCalendarDay r2 = new RadCalendarDay();

r2.Date = DateTime.Parse("07/09/2011");

r2.IsSelectable = false;

r2.IsDisabled = true;

radEffDate.Calendar.SpecialDays.Add(r2);

}

Regards,
Kishan G K

Calendar

answered on 16 Aug 2011

2 answers

128 views

Root menu bar end image not showing

Hello,

i am using radmenu bar for which i have used telerik image with some color changes but after last menu bar it is not showing vertical bar which i want .

i have atteched scrren shot and image which i have used for the same.

its very urgent :(

Below is my css.

/* <RadMenu / Default> */

.RadMenu_RadMenuCss .rmRootGroup,

.RadMenu_RadMenuCss a.rmLink,

.RadMenu_RadMenuCss .rmGroup .rmText,

.RadMenu_RadMenuCss .rmVertical .rmText,

.RadMenu_RadMenuCss .rmLeftArrow,

.RadMenu_RadMenuCss .rmRightArrow,

.RadMenu_RadMenuCss .rmTopArrow,

.RadMenu_RadMenuCss .rmBottomArrow

{

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

background-color: transparent;

}

.RadMenu_RadMenuCss .rmRootGroup

{

background-repeat: repeat-x;

background-position: 0 -408px;

background-color: #e6e6e6;

}

/* <Root items> */

.RadMenu_RadMenuCss,

.RadMenu_RadMenuCss a.rmLink

{

font-size: 14px;

font-family :Calibri;

font-style:normal;

color:#fff;

background-color:#dcdcdc;

text-decoration: none;

}

.RadMenu_RadMenuCss a.rmLink

{

background-position: 0 -72px;

}

.RadMenu_RadMenuCss .rmVertical .rmFirst,

.RadMenu_RadMenuCss .rmVertical .rmLast

{

background: none;

}

.RadMenu_RadMenuCss a.rmLink:hover,

.RadMenu_RadMenuCss a.rmFocused,

.RadMenu_RadMenuCss a.rmSelected

{

color : #dcdcdc !important;

background-color: #dcdcdc !important;

}

.RadMenu_RadMenuCss .rmHorizontal .rmRootLink span.rmText

{

display: inline;

padding-left: 12px;

}

.RadMenu_RadMenuCss_rtl .rmRootLink span.rmText

{

padding-right: 12px;

}

.RadMenu_RadMenuCss_Context_rtl .rmRootLink span.rmText

{

padding-right: 28px;

}

.RadMenu_RadMenuCss .rmHorizontal a.rmRootLink

{

padding-left: 0;

}

.RadMenu_RadMenuCss_rtl a.rmRootLink

{

margin-left: 0;

padding: 0;

}

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

{

width: 100%;

}

.RadMenu_RadMenuCss ul.rmHorizontal .rmLeftImage

{

margin: 4px -4px 0 6px;

}

.RadMenu_RadMenuCss_rtl ul.rmHorizontal .rmLeftImage

{

margin: 4px 6px 0 -4px;

}

.RadMenu_RadMenuCss .rmVertical a.rmLink

{

padding-top: 1px;

padding-bottom: 1px;

}

.RadMenu_RadMenuCss .rmVertical a.rmLink:hover,

.RadMenu_RadMenuCss .rmVertical a.rmFocused,

.RadMenu_RadMenuCss .rmVertical a.rmSelected,

.RadMenu_RadMenuCss .rmVertical a.rmExpanded,

.RadMenu_RadMenuCss .rmVertical a.rmExpanded:hover

{

padding-top: 0;

padding-bottom: 0;

}

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

.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmFocused,

.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmSelected,

.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmExpanded,

.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmExpanded:hover

{

padding-top: 1px;

padding-bottom: 0;

border-top-width: 0;

}

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

.RadMenu_RadMenuCss .rmVertical .rmLast a.rmFocused,

.RadMenu_RadMenuCss .rmVertical .rmLast a.rmSelected,

.RadMenu_RadMenuCss .rmVertical .rmLast a.rmExpanded,

.RadMenu_RadMenuCss .rmVertical .rmLast a.rmExpanded:hover

{

padding-bottom: 1px;

padding-top: 0;

border-bottom-width: 0;

}

.RadMenu_RadMenuCss .rmVertical .rmItem a.rmDisabled:hover

{

padding-top: 1px;

padding-bottom: 1px;

border-width: 0;

}

.RadMenu_RadMenuCss a.rmExpanded,

.RadMenu_RadMenuCss a.rmExpanded:hover

{

background-color: #fff;

}

/* </Root items> */

/* <Submenu items> */

.RadMenu_RadMenuCss .rmGroup,

.RadMenu_RadMenuCss .rmMultiColumn,

.RadMenu_RadMenuCss .rmGroup .rmVertical

{

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

}

.RadMenu_RadMenuCss .rmTopFix,

.RadMenu_RadMenuCss .rmBottomFix,

.RadMenu_RadMenuCss .rmRoundedCorners .rmGroup .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners li.rmFirstGroupColumn .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners ul.rmHorizontal .rmFirst,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmGroup .rmItem,

.RadMenu_RadMenuCss_Context.rmRoundedCorners ul.rmHorizontal .rmFirst

{

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

background-color: #fff;

background-repeat: repeat-y;

}

* html .rmRoundedCorners_RadMenuCss .rmGroup .rmItem,

* html .rmRoundedCorners_RadMenuCss ul.rmHorizontal .rmFirst

{

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

background-color: #fff;

background-repeat: repeat-y;

}

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrap .rmVertical,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrap .rmVertical

{

background-image: none;

}

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmGroup,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrap .rmItem,

* html .rmRoundedCorners_RadMenuCss .rmHorizontal .rmItem,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrap .rmVertical

{

background-image: none;

}

.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn

{

background-color: #fff;

}

.RadMenu_RadMenuCss .rmBottomLeft,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_RadMenuCss_Context.rmRoundedCorners ul.rmGroup,

.RadMenu_RadMenuCss .rmRoundedCorners ul.rmGroup,

.RadMenu_RadMenuCss .rmRoundedCorners .rmMultiColumn

{

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

background-color: transparent;

background-repeat: no-repeat;

}

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer,

* html .rmRoundedCorners_RadMenuCss .rmGroup ul.rmGroup,

* html .rmRoundedCorners_RadMenuCss ul.rmGroup

{

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

background-color: transparent;

background-repeat: no-repeat;

}

.RadMenu_RadMenuCss .rmTopRight,

.RadMenu_RadMenuCss .rmBottomRight

{

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

background-color: transparent;

background-repeat: no-repeat;

}

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix

{

background: #FFF;

}

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmTopFix,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmBottomFix

{

background: #FFF;

}

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow

{

background-color: #FFF;

border: 0;

}

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmTopArrow,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmBottomArrow,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmLeftArrow,

* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmRightArrow

{

background-color: #FFF;

border: 0;

}

.RadMenu_RadMenuCss_rtl li.rmTopFix,

.RadMenu_RadMenuCss_rtl li.rmBottomFix,

.RadMenu_RadMenuCss_rtl .rmRoundedCorners .rmGroup .rmItem,

.rmRoundedCorners.RadMenu_RadMenuCss_Context_rtl .rmGroup .rmItem

{

background-position: 101% 0;

}

.RadMenu_RadMenuCss .rmSlide .rmScrollWrap

{

background-image: none;

}

.RadMenu_RadMenuCss_rtl .rmGroup,

.RadMenu_RadMenuCss_rtl .rmMultiColumn,

.RadMenu_RadMenuCss_rtl .rmGroup .rmVertical

{

background-position: 100% 0;

}

.RadMenu_RadMenuCss .rmRootGroup li.rmItem .rmGroup

{

padding-bottom: 0;

}

.RadMenu_RadMenuCss .rmRootGroup .rmHorizontal

{

background-image: none;

}

.RadMenu_RadMenuCss .rmScrollWrap .rmVertical

{

border: 0;

}

.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.rmRoundedCorners_RadMenuCss .rmScrollWrapContainer li.rmItem

{

background: none;

}

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmLink,

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

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmFocused,

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmSelected,

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmExpanded

{

padding-top: 0;

padding-bottom: 0;

border: 0;

}

.RadMenu_RadMenuCss .rmGroup a.rmLink,

.RadMenu_RadMenuCss .rmGroup .rmText,

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled,

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

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled .rmText,

.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled:hover .rmText

{

background-position: 0 500px;

background-repeat: no-repeat;

background-color: transparent;

}

.RadMenu_RadMenuCss .rmGroup a.rmLink:hover,

.RadMenu_RadMenuCss .rmGroup a.rmFocused,

.RadMenu_RadMenuCss .rmGroup a.rmSelected,

.RadMenu_RadMenuCss .rmGroup a.rmExpanded

{

background-position: 0 -168px;

}

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

.RadMenu_RadMenuCss .rmGroup a.rmFocused .rmText,

.RadMenu_RadMenuCss .rmGroup a.rmSelected .rmText,

.RadMenu_RadMenuCss .rmGroup a.rmExpanded .rmText

{

color : #28638f;

background-position: 100% -192px;

}

/* </rtl> */

/* </Submenu items> */

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

.RadMenu_RadMenuCss .rmSlide

{

margin: 0 0 0 -1px;

}

.RadMenu_RadMenuCss .rmVertical .rmSlide,

.RadMenu_RadMenuCss .rmSlide .rmSlide,

.RadMenu_RadMenuCss_Context .rmGroup .rmSlide

{

margin: 0 0 0 -5px;

}

.RadMenu_RadMenuCss_rtl .rmSlide

{

margin: 0 0 0 0;

}

.RadMenu_RadMenuCss_rtl .rmFirst .rmSlide

{

margin-left: 1px;

}

.RadMenu_RadMenuCss_rtl .rmVertical .rmSlide,

.RadMenu_RadMenuCss_rtl .rmSlide .rmSlide,

.RadMenu_RadMenuCss_Context_rtl .rmGroup .rmSlide

{

margin: 0 0 0 5px;

}

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_RadMenuCss .rmHorizontal .rmSeparator .rmText,

.RadMenu_RadMenuCss .rmVertical .rmHorizontal .rmSeparator .rmText

{

height: 22px;

margin: 1px 0 0;

width: 1px;

background-color: #A8A8A8;

}

.RadMenu_RadMenuCss_Context .rmSeparator .rmText,

.RadMenu_RadMenuCss .rmHorizontal .rmGroup .rmSeparator .rmText,

.RadMenu_RadMenuCss .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText

{

background-color: transparent;

background-position: 0 -406px;

}

/* </Separators> */

/* </RadMenu / Default> */

.RadMenu_RadMenuCss .rmVertical

{

background-color: #28638f;

}

.RadMenu_RadMenuCss .rmGroup .rmItem .rmLink

{

TEXT-ALIGN: left;

LINE-HEIGHT: 22px;

FONT-STYLE: normal;

TEXT-INDENT: -21px;

font-size: 13px;

PADDING-LEFT: 2px;

MARGIN-LEFT: 2px;

PADDING-RIGHT: 1px;

MARGIN-RIGHT: 1px;

PADDING-BOTTOM: 1px;

MARGIN-BOTTOM: 1px;

}

Menu

answered on 16 Aug 2011