Telerik Forums
UI for ASP.NET AJAX Forum
7 answers
406 views
Just wondering when Telerik are going to do an OLAP cube browser.

Dundas do a fantastic one....

http://www.dundas.com/Components/Products/chart/NET/OLAP/QuickStart1.aspx

--------------------


Just realised this is covered by another thread.

http://www.telerik.com/community/forums/aspnet/general-discussions/olap-control-for-asp-net.aspx#303987
Sebastian
Telerik team
 answered on 15 Feb 2012
0 answers
77 views
Team,
    I'm using RadComboBox in my project.Inside it I placed RadTree control having the dynamic data.I want to disable the RadComboBox based on the another RadComboBox selection.At server side I'm able to enable or disable the RadComboBox and able to select the data after disabling or enabling.And it will maintains entire data in RadComboBox.

But When I'm using same operations at client side using JavaScript it's not working.After enabling the RadComboBox  using JavaScript, user want to select the value in RadComboBox.Suppose if the user selects any value from it, it losses data.It just maintains only selected value.Can you please help me on how to maintain RadComboBox data after enabling using Javascript.

Thanks,
Krishna
Krishna
Top achievements
Rank 1
 asked on 15 Feb 2012
3 answers
78 views
We are having a serious problem with event handling of the RadGrid control on the server side when using IE8.  We are currently using the latest release of Telerik UI, 2011.3.1115.40.
The problem is that when the events "PageIndexChanged" and "PageSizeChanged" are fired, we receive the following error message from the browser:
    "Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Unable to cast object of type 'System.EventArgs' to type 'Telerik.Web.UI.GridPageSizeChangedEventArgs'."

This only happens with IE8.  When we use IE9 or FireFox for the same application, there is no error being thrown.  This is a big problem in our production environment since we have a large number of users that are using the IE8 browser.

Thank you in advance for any help you can provide.

Ed Sudit
Tsvetina
Telerik team
 answered on 15 Feb 2012
4 answers
94 views

I'm loading the ASP.NET RadMenu from a static XML file on Page_Load event like so.

if (!IsPostBack)  {
    RadMenu1.LoadContentFile("~/Menu/MainMenu.xml"); }

I frequently can see a flash of the entire XML file (50+ items in it) while the page is loading. 

Are there any stratgies to avoid this problem?

Thanks,
Russ

										
Kate
Telerik team
 answered on 15 Feb 2012
2 answers
64 views
Is it possible to display the radWindow at a scroll location.  I'm thinking of things like .scrollTop(location)?  I don't mean setting the location of the radWindow.  I mean showing the radWindow with a scroll bar but with the scroll bar value set to display below the top of the page.  I can calculate the location that I want to be visible and I can get the name of the control within the radWindow that I want visible, but i haven't figured out how to move the scroll bar programmatically.
Charles Reid
Top achievements
Rank 1
 answered on 15 Feb 2012
3 answers
333 views
Hello,
I inherited a project and I'm trying to get the value of the cells within a GridHyperLinkColumn.
The existing code is as follows:

 

 

Protected Sub gvLaneDBStatus_ItemDatabound(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles gvLaneDBStatus.ItemDataBound

     If TypeOf e.Item Is GridDataItem Then

       Dim dataItem As GridDataItem = DirectCast(e.Item, GridDataItem)

        Dim hl As GridHyperLinkColumn = CType(gvLaneDBStatus.MasterTableView.Columns.FindByUniqueName("LnStatus"), GridHyperLinkColumn)

 

            hl.ImageUrl = "../../images/" + CStr(hl.DataTextField) + ".gif"

  

 

    End If

 

End Sub

 


The DataTextField property is returning the data field specified in the properties, as it should.  I need the actual cell values which will in turn display a corresponding graphic in the cell.

Thanks very much,
Jim
Jim
Top achievements
Rank 1
 answered on 15 Feb 2012
1 answer
150 views
Hi there,

I have a class called BasePage, it is a Page that helps me with common tasks. One is to persist some info in ViewState.
This BasePage saves the ViewState info in the PreRenderComplete event (so the real page can modify this info in the PreRender event)

The problem I have is that it does not work if I use RadAjaxManager

Is there any way to solve this problem? 

This is an example

<form id="form1" runat="server">
  <div>
    <asp:ScriptManager runat="server" ID="scriptManager"></asp:ScriptManager>
    <telerik:RadAjaxManager runat="server" ID="manager">
      <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="lnk1">
          <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="lbl" />
          </UpdatedControls>
        </telerik:AjaxSetting>
      </AjaxSettings>
    </telerik:RadAjaxManager>


    
    <asp:LinkButton runat="server" Text="Sum with Ajax" ID="lnk1" OnClick="lnk_Click">
      </asp:LinkButton>


    <asp:LinkButton runat="server" Text="Sum without Ajax" ID="LinkButton1" OnClick="lnk2_Click">
      </asp:LinkButton>


    <asp:Panel runat="server" ID="pnlAjax">
      <asp:Label runat="server" Text="Label" ID="lbl"></asp:Label><br />
      <asp:Label runat="server" Text="Label" ID="Label1"></asp:Label><br />
      
    </asp:Panel>
  </div>
  </form>



public partial class Demos_KeepInViewStateWithAjaxTest : Page
{
  int _count;
  public int Count
  {
    get
    {
      return _count;
      
    }
    set
    {
      _count = value;
      
    }
  }
  protected void Page_Load(object sender, EventArgs e)
  {
    //Restore ViewState
    if (ViewState["Count"] == null)
    {
      ViewState["Count"] = 0;
    }


    Count = Convert.ToInt32(ViewState["Count"]);


    PreRenderComplete += new EventHandler(Demos_KeepInViewStateWithAjaxTest_PreRenderComplete);
  }


  void Demos_KeepInViewStateWithAjaxTest_PreRenderComplete(object sender, EventArgs e)
  {
    ViewState["Count"] = Count.ToString();
  }




  protected void lnk_Click(object sender, EventArgs e)
  {
    lbl.Text = Count.ToString();
    Count += 1;
  }


  protected void lnk2_Click(object sender, EventArgs e)
  {
    lbl.Text = Count.ToString();
    Count += 1;
  }
}

Darío K
Maria Ilieva
Telerik team
 answered on 15 Feb 2012
1 answer
89 views
I am showing a loadingpanel with radgrid.How to align loading panel so that it is displayed on center?
Princy
Top achievements
Rank 2
 answered on 15 Feb 2012
6 answers
658 views
I can't seem to get this to work.  I have a simple Login page with 2 textboxes.  I've tried all of the normal methods, plus a few things I've seen in this forum.  None of them are working.  I am using ASP.NET 4, VS 2010 and the LATEST build of the Telerik Controls.  My HTML for the page is listed below.  I've tried "OnClientShow"...the Javascript fires, but the button never visually looks like it has focus and no error appears.  I'm debugging with IE 8.

Help?

thanks

mark

 

<P><body class="form" ><BR>    <telerik:RadScriptBlock 
ID="RadScriptBlock1" 
runat="server"><BR>        <script 
type="text/javascript"><BR>//            
function OnClientShow(sender, eventArgs) 
<BR>//            
{<BR>//                
try 
<BR>//                
{</P>
<P>//                    
var textbox = document.getElementById("<%= txtUserName.ClientID 
%>");<BR>//                    
//var textbox = 
document.getElementById("RadWindow1$C$txtUserName");<BR>//                    
//for 
testing...<BR>//                    
//alert(textbox.name);</P>
<P>//                    
if (textbox != null) 
{<BR>//                        
//-----------------------------------------------------<BR>//                        
//This Code is firing, but the UI doesn't reflect 
it...<BR>//                        
//-----------------------------------------------------<BR>//                        
textbox.focus();<BR>//                        
//alert('Just Set 
Focus');<BR>//                    
}<BR>//                    
else 
{<BR>//                        
alert('Could not set focus to 
Textbox...');<BR>//                        
return;<BR>//                    
}<BR>//                
}<BR>//                
catch (e) 
{<BR>//                    
alert('Error setting focus:  ' + 
e.Message);<BR>//                    
return;<BR>//                
}<BR>//            
}   <BR>  <BR>        
</script><BR>    
</telerik:RadScriptBlock><BR>    <form id="form1" 
runat="server" defaultfocus="txtUserName"><BR><telerik:RadScriptManager 
ID="RadScriptManager1" runat="server"><BR>    
</telerik:RadScriptManager><BR>    <telerik:RadWindow 
ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Behaviors="None" 
Skin="WebBlue" AutoSize="true" <BR>        
Title="Login to Creative Affairs!" VisibleStatusbar="False" 
><BR>        
<ContentTemplate><BR>            
<table width="275px" border="0" 
align="center"><BR>                
<tr><BR>                    
<td 
align="center"><BR>                        
<table class="formLabel" width="275px" 
cellpadding="3"><BR>                            
<tr><BR>                                
<td 
align="right"><BR>                                    
<asp:Label ID="Label1" runat="server" Text="User 
Name:"></asp:Label><BR>                                
</td><BR>                                
<td 
align="left"><BR>                                    
<asp:TextBox ID="txtUserName" runat="server" 
Width="125px"></asp:TextBox><BR>                                    
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
ControlToValidate="txtUserName"<BR>                                        
ErrorMessage="Required"></asp:RequiredFieldValidator><BR>                                
</td><BR>                            
</tr><BR>                            
<tr><BR>                                
<td 
align="right"><BR>                                    
<asp:Label ID="Label2" runat="server" 
Text="Password:"></asp:Label><BR>                                
</td><BR>                                
<td 
align="left"><BR>                                    
<asp:TextBox ID="txtPassword" runat="server" Width="125px" 
TextMode="Password"></asp:TextBox><BR>                                    
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
ControlToValidate="txtPassword"<BR>                                        
ErrorMessage="Required"></asp:RequiredFieldValidator><BR>                                
</td><BR>                            
</tr><BR>                            
<tr 
align="left"><BR>                                
<td><BR>                                    
&nbsp;<BR>                                
</td><BR>                                
<td><BR>                                    
<table 
width="100%"><BR>                                        
<tr><BR>                                            
<td align="left" 
width="60%"><BR>                                                
<asp:CheckBox ID="chkRemember" TextAlign="right" Text="Remember Me" 
runat="server" 
/><BR>                                            
</td><BR>                                            
<td 
align="right"><BR>                                                
<asp:Button ID="btnLogin" runat="server" Text="Login" 
OnClick="btnLogin_Click" 
/><BR>                                            
</td><BR>                                        
</tr><BR>                                    
</table><BR>                                
</td><BR>                            
</tr><BR>                            
<tr 
align="left"><BR>                                
<td 
colspan="2"><BR>                                    
<asp:Label ID="lblError" runat="server" ForeColor="Red" 
Text=""></asp:Label><BR>                                
</td><BR>                            
</tr><BR>                        
</table><BR>                    
</td><BR>                
</tr><BR>            
</table><BR>        
</ContentTemplate><BR>        
<BR>    
</telerik:RadWindow><BR>        
<BR>    </form><BR></body><BR></html><BR></P>
Svetlina Anati
Telerik team
 answered on 15 Feb 2012
3 answers
80 views
I have tried creating skins based off of "simple" and "web20" doing my best to get spacing correct with these clunky controls. And then using images for backgrounds on the menu and hover items. However when I add it to visual studio and view- my images are completely overridden with the base colors. My images don't get processed at all.

The odd thing is- I remove all references to these color, yet when the telerik builder compiles the css it puts them back in.

I am focusing on the menu item (635 lines of css? Really?)

Here is what is created.

/* <RadMenu / Web20> */
 
.RadMenu_new .rmRootGroup,
.RadMenu_new a.rmLink,
.RadMenu_new .rmText,
.RadMenu_new .rmLeftArrow,
.RadMenu_new .rmRightArrow,
.RadMenu_new .rmTopArrow,
.RadMenu_new .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_new .rmRootGroup
{
    border: 1px solid #6788be;
    background-color: #93b4df;
}
 
.RadMenu_new .rmHorizontal
{
    background-repeat: repeat-x;
    background-position: 0 0;
}
 
.RadMenu_new .rmVertical
{
    background-image: none;
}
 
/* <Root items> */
 
.RadMenu_new,
.RadMenu_new a.rmLink
{
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}
 
.RadMenu_new a.rmLink
{
    color: #fff;
}
 
.RadMenu_new a.rmLink,
.RadMenu_new a.rmLink .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_new .rmVertical .rmFirst,
.RadMenu_new .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_new a.rmLink:hover,
.RadMenu_new a.rmFocused,
.RadMenu_new a.rmSelected,
.RadMenu_new a.rmExpanded,
.RadMenu_new a.rmExpanded:hover
{
    color: #0f3789;
    background-position: 0 -72px;
}
 
.RadMenu_new .rmFirst a.rmLink:hover,
.RadMenu_new .rmFirst a.rmFocused,
.RadMenu_new .rmFirst a.rmSelected,
.RadMenu_new .rmFirst a.rmExpanded,
.RadMenu_new .rmFirst a.rmExpanded:hover
{
    background-position: -1px -72px;
}
 
.RadMenu_new a.rmLink:hover .rmText,
.RadMenu_new a.rmFocused .rmText,
.RadMenu_new a.rmSelected .rmText,
.RadMenu_new a.rmExpanded .rmText,
.RadMenu_new a.rmExpanded:hover .rmText
{
    background-position: 100% -96px;
}
 
.RadMenu_new .rmLast a.rmLink:hover .rmText,
.RadMenu_new .rmLast a.rmFocused .rmText,
.RadMenu_new .rmLast a.rmSelected .rmText,
.RadMenu_new .rmLast a.rmExpanded .rmText,
.RadMenu_new .rmLast a.rmExpanded:hover .rmText
{
    background-position: 0 -96px;
}
 
.RadMenu_new .rmItem a.rmDisabled,
.RadMenu_new .rmItem a.rmDisabled:hover,
.RadMenu_new .rmItem a.rmDisabled .rmText,
.RadMenu_new .rmItem a.rmDisabled:hover .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_new .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_new .rmVertical a.rmLink:hover,
.RadMenu_new .rmVertical a.rmFocused,
.RadMenu_new .rmVertical a.rmSelected,
.RadMenu_new .rmVertical a.rmExpanded,
.RadMenu_new .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #3f5f94;
    border-width: 1px 0;
}
 
.RadMenu_new .rmVertical a.rmLink:hover,
.RadMenu_new .rmVertical a.rmFocused,
.RadMenu_new .rmVertical a.rmSelected,
.RadMenu_new .rmVertical a.rmExpanded,
.RadMenu_new .rmVertical a.rmExpanded:hover,
.RadMenu_new .rmVertical a.rmLink:hover .rmText,
.RadMenu_new .rmVertical a.rmFocused .rmText,
.RadMenu_new .rmVertical a.rmSelected .rmText,
.RadMenu_new .rmVertical a.rmExpanded .rmText,
.RadMenu_new .rmVertical a.rmExpanded:hover .rmText
{
    background-position: -1px -72px;
}
 
.RadMenu_new .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_new .rmVertical .rmFirst a.rmFocused,
.RadMenu_new .rmVertical .rmFirst a.rmSelected,
.RadMenu_new .rmVertical .rmFirst a.rmExpanded,
.RadMenu_new .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_new .rmVertical .rmLast a.rmLink:hover,
.RadMenu_new .rmVertical .rmLast a.rmFocused,
.RadMenu_new .rmVertical .rmLast a.rmSelected,
.RadMenu_new .rmVertical .rmLast a.rmExpanded,
.RadMenu_new .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_new .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_new .rmLast a.rmExpanded .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmRootGroup a.rmDisabled,
.RadMenu_new .rmRootGroup a.rmDisabled:hover
{
    color: #bdcae3;
    background: none;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_new .rmGroup,
.RadMenu_new .rmMultiColumn,
.RadMenu_new .rmGroup .rmVertical
{
    border: 1px solid #6788BE;
    background: #fff url('Menu/rmVSprite.png') repeat-y -1px 0;
}
 
.RadMenu_new .rmTopFix,
.RadMenu_new .rmBottomFix,
.RadMenu_new .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_new .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_new_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
    background-position: -3px 0;
}
 
* html .rmRoundedCorners_new .rmGroup .rmItem,
* html .rmRoundedCorners_new ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
    background-position: -3px 0;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_new .rmScrollWrap .rmItem,
* html .rmRoundedCorners_new .rmHorizontal .rmItem,
* html .rmRoundedCorners_new .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_new .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_new .rmBottomLeft,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_new .rmRoundedCorners ul.rmGroup,
.RadMenu_new .rmRoundedCorners .rmMultiColumn
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer,
* html .rmRoundedCorners_new .rmGroup ul.rmGroup,
* html .rmRoundedCorners_new ul.rmGroup
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmTopRight,
.RadMenu_new .rmBottomRight
{
    background-imageurl('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmTopFix,
.RadMenu_new .rmBottomFix,
.RadMenu_new .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_new .rmGroup .rmFirst
{
    border-color: #6788BE;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_new li.rmTopFix,
.RadMenu_new li.rmBottomFix
{
    background-position: -4px 0;
}
 
.RadMenu_new_rtl .rmBottomLeft,
.RadMenu_new_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_new_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_new_rtl .rmTopRight,
.RadMenu_new_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_new_rtl li.rmTopFix,
.RadMenu_new_rtl li.rmBottomFix,
.RadMenu_new_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_new .rmGroup a.rmLink
{
    color: #000;
}
 
.RadMenu_new .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_new_rtl .rmGroup,
.RadMenu_new_rtl .rmMultiColumn,
.RadMenu_new_rtl .rmGroup .rmVertical
{
    background-position: 101% 0;
}
 
.RadMenu_new .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_new .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_new .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_new .rmGroup a.rmLink:hover,
.RadMenu_new .rmGroup .rmItem a.rmFocused,
.RadMenu_new .rmGroup .rmItem a.rmSelected,
.RadMenu_new .rmGroup .rmItem a.rmExpanded
{
    color: #0f3789;
}
 
.RadMenu_new .rmGroup a.rmDisabled,
.RadMenu_new .rmGroup a.rmDisabled:hover
{
    color: #8a8a8a;
}
 
.RadMenu_new .rmGroup .rmItem a.rmLink,
.RadMenu_new .rmGroup .rmItem a.rmLink:hover,
.RadMenu_new .rmGroup .rmItem a.rmFocused,
.RadMenu_new .rmGroup .rmItem a.rmSelected,
.RadMenu_new .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_new .rmGroup a.rmLink,
.RadMenu_new .rmGroup .rmText,
.RadMenu_new .rmGroup .rmItem a.rmDisabled,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_new .rmGroup a.rmLink:hover,
.RadMenu_new .rmGroup a.rmFocused,
.RadMenu_new .rmGroup a.rmSelected,
.RadMenu_new .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_new .rmGroup a.rmLink:hover .rmText,
.RadMenu_new .rmGroup a.rmFocused .rmText,
.RadMenu_new .rmGroup a.rmSelected .rmText,
.RadMenu_new .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_new .rmRootGroup .rmLink .rmExpandRight,
.RadMenu_new .rmGroup .rmLink .rmExpandDown,
.RadMenu_new_Context .rmGroup .rmLink .rmExpandRight,
.RadMenu_new .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_new .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_new a.rmLink:hover .rmExpandRight,
.RadMenu_new a.rmFocused .rmExpandRight,
.RadMenu_new a.rmExpanded .rmExpandRight,
.RadMenu_new a.rmSelected .rmExpandRight,
.RadMenu_new a.rmLink:hover .rmExpandLeft,
.RadMenu_new a.rmFocused .rmExpandLeft,
.RadMenu_new a.rmExpanded .rmExpandLeft,
.RadMenu_new a.rmSelected .rmExpandLeft
{
    background-image: url('Menu/rmRootExpand.png');
}
 
.RadMenu_new .rmVertical a.rmLink:hover .rmExpandRight,
.RadMenu_new .rmVertical a.rmSelected .rmExpandRight,
.RadMenu_new .rmVertical a.rmExpanded .rmExpandRight,
.RadMenu_new .rmVertical a.rmFocused .rmExpandRight
{
    background-position: 100% 0;
}
 
.RadMenu_new .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_new .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_new .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_new .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_new .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_new .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_new .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_new .rmGroup a.rmExpanded .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -240px;
}
 
.RadMenu_new .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_new .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_new_rtl a.rmLink:hover,
.RadMenu_new_rtl a.rmFocused,
.RadMenu_new_rtl a.rmSelected
{
    background-position: 100% -96px;
}
 
.RadMenu_new_rtl a.rmLink:hover .rmText,
.RadMenu_new_rtl a.rmFocused .rmText,
.RadMenu_new_rtl a.rmSelected .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_new_rtl a.rmExpanded,
.RadMenu_new_rtl a.rmExpanded:hover
{
    background-position: 100% -144px;
}
 
.RadMenu_new_rtl a.rmExpanded .rmText,
.RadMenu_new_rtl a.rmExpanded:hover .rmText
{
    background-position: 0 -120px;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover,
.RadMenu_new_rtl .rmGroup a.rmFocused,
.RadMenu_new_rtl .rmGroup a.rmSelected,
.RadMenu_new_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_new_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_new_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_new_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_new_Context_rtl .rmVertical .rmLink .rmExpandLeft,
.RadMenu_new_rtl .rmRootGroup a.rmLink .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_new_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmExpanded .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmFocused .rmExpandLeft
{
    background-position: 0 0;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-image: url('Menu/rmSprite.png');
    background-position: 0 -336px;
}
 
.RadMenu_new_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
    background-image: url('Menu/rmSprite.png');
    background-position: 0 -312px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (Web20 - specific, overlapping submenus)> */
 
.RadMenu_new .rmFirst .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_new .rmVertical .rmSlide,
.RadMenu_new .rmSlide .rmSlide,
.RadMenu_new_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_new_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_new_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_new_rtl .rmVertical .rmSlide,
.RadMenu_new_rtl .rmSlide .rmSlide,
.RadMenu_new_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_new .rmLeftArrow,
.RadMenu_new .rmRightArrow
{
    background-color: #ECF4FF;
}
 
.RadMenu_new .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_new .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_new .rmTopArrow,
.RadMenu_new .rmBottomArrow,
.RadMenu_new .rmGroup .rmLeftArrow,
.RadMenu_new .rmGroup .rmRightArrow
{
    background-color: #ECF4FF;
}
 
.RadMenu_new .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_new .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_new .rmHorizontal .rmSeparator .rmText,
.RadMenu_new .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
}
 
.RadMenu_new .rmHorizontal .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -386px;
}
 
.RadMenu_new_Context .rmSeparator .rmText,
.RadMenu_new .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_new .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -408px;
}
 
/* </Separators> */
 
/* </RadMenu / Web20> */
 
 
 
 
 
 
 div.RadMenu_new {
 
    height: 38px;
 
}
 
 div.RadMenu_new .rmRootGroup {
 
    height: 38px;
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg.jpg&t=726445585');
 
}
 
 div.RadMenu_new .rmItem .rmLink {
 
    font-family: Arial;
 
    font-weight: bold;
 
}
 
 div.RadMenu_new .rmItem .rmLink:hover {
 
    background-image: none;
 
    height: 26px;
 
    background-position: 0px 0px;
 
    padding-left: 10px;
 
}
 
 div.RadMenu_new .rmItem .rmLink:hover .rmText {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    height: 26px;
 
    background-color: transparent;
 
    background-repeat: repeat-x;
 
    background-position: 100% 0px;
 
    color: rgb(255, 255, 255);
 
    font-family: Arial;
 
    font-weight: bold;
 
    padding-left: 12px;
 
}
 
 div.RadMenu_new .rmItem .rmLink .rmExpandDown {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    color: rgb(255, 255, 255);
 
    font-weight: bold;
 
}
 
 div.RadMenu_new .rmItem .rmExpanded {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    height: 26px;
 
}
 
 div.RadMenu_new .rmItem .rmGroup {
 
    margin-top: 14px;
 
    background-image: none;
 
}
Ivan Zhekov
Telerik team
 answered on 15 Feb 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?