Hi,

I am also facing the same issue as in below forum thread. Can you please give me the solution

http://www.telerik.com/community/forums/aspnet-ajax/menu/mouse-over-image-not-display-for-first-root-menu.aspx


my Css

/* <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('/images/EditorialMenu/rmSprite.png');
    background-color: transparent;
    border-width: 0 0 1px;
}

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

.RadMenu_UpToDateGreen .rmRootGroup
{
    /*border: 1px solid #828282;*/
    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 Parent item in Menu */
.parentMenuitemText
{
    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 500px;   
    
}

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

.RadMenu_UpToDateGreen 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('/images/EditorialMenu/topnavselected.gif') !important;
    background-color: #7AA8E4;
    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: #828282;*/
    border-color: #DCE8E8;
    border-width: 1px 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> */
div.RadMenu .rmLink .rmText
{
    margin: 0;
    padding: 5;
    padding-right :10px;
}

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{
    /*border: 1px solid #979797;*/
    /*border: 1px solid #000000;*/
     border: 1px solid #979797 !important; 
     background: #f0f0f0 !important;
    background: #D8E4E4 url('/images/EditorialMenu/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('/images/EditorialMenu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
* html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
{
    background-image: url('/images/EditorialMenu/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('/images/EditorialMenu/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('/images/EditorialMenu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopRight,
.RadMenu_UpToDateGreen .rmBottomRight
{
    background-image:  url('/images/EditorialMenu/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('/images/EditorialMenu/rmRoundedLeft_rtl.png');
}

.RadMenu_UpToDateGreen_rtl .rmTopRight,
.RadMenu_UpToDateGreen_rtl .rmBottomRight
{
    background-image: url('/images/EditorialMenu/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% -216px;
}

.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('/images/EditorialMenu/rmSprite.png');
    background-position: 100% -216px;
}

/* </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% -264px;
}

.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: #A8A8A8;*/
    background-color: #000000;
}

.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;
}

/* </Separators> */

/* </RadMenu / Default> */

I have an interesting problem that I'm not sure I can solve with a RadGrid, but I thought I'd give it a shot. I have a strongly-typed list of objects which I would like to display in a hierarchical grid. I'm using the NeedDataSource event to set the DataSource property of the RadGrid to the list. In the master table, I'd like to list each distinct AcctNo, and in the detail grid I'd like to display SerialNo, and Amount. Basically, it's a grouping operation, but the following scenario prevents me (unless I've missed something) from using grouping expressions.

The column editor of AcctNo is a RadComboBox, which contains values and associated formatting. When displayed in a grid, the display text of the combo box ensures that the values are formatted correctly. However, the formatting is not done with a format string. The RadComboBox is actually bound to a secondary list of objects (different than the ones displayed in the grid), each of which has a property which explicitly defines what the display text should be based on the contents of the object. When I use grouping expressions, the value that is displayed in the grid for AcctNo is the raw value from the grid object instead of the formatted value from the combo box object, I assume because of the difference in structure. It appears that, when grouping, the cell which contains each AcctNo is no longer represented by the RadComboBox, but only by the raw value of the grid object.

If there is a way around this difficulty, please tell me what I can do. Otherwise, I thought about displaying the grid as a hierarchy instead of a grouped grid, where the master records would only contain AcctNo, and each detail grid would be those objects which have AcctNo equal to the master record value. However, I don't think I quite understand how this will work, since it appears that hierarchical grids assume a list-within-a-list object structure, whereas I only have a 1-dimensional list. Following is the code I have so far for my grid. It does not work, but, again, I'm not real sure of the syntax.



Any ideas would be greatly appreciated.

Thanks in advance!

Can I force the ItemCommand server side event to fire from the client somehow?

Is it a matter of invoking javascript:__doPostBack('MyGridId$ctl00$ctl02$ctl00$RebindGridButton' somehow?

thanks

Hi I'm looking for a solution which denies the possibilty to float the Dock outside the Dock Layout. Is that possibile?

Thanks in advance for your help.
Luke

I have a simple Rad Grid with a GridButtonColumn in the item template. I have no problems attaching a onclick attribute through code to fire some Javascript on the page using the ItemCreated event.

The problem is that I cannot figure out how to prevent the user click (on a button or link style column) from causing a postback. I can clear the standard postback function with:

button.Attributes.Add("href", "#")

on the ItemDataBound event, but it still does a post back.

Any ideas?

FYI, the javascript set the URL and opens a RadWindow to a page with more details on the item in the grid, but the postback causes an unecessary page refresh and messes up the rad window as well.

Hi ALL,

          On my web page i have RadContexMenu with two static value and after that bind from database. On same page i have one RadGrid.

          When user click on any of the static value then i dont want to update RadGrid, but when user try to select any value which bind from database on ContextMenu then i have to update my RadGrid.
 
          I had used AjaxLoadingPanel also, which would be affect only when user select any value which bind from database on ContexMenu.

          Please help me.

Here i am defining my code.

  
        

Hi

I am using windows 7 32 bit.

I am unable to install RadControls for ASP.NET AJAX Q1 2010.
Please do the needful at the earliest.

Regards

Hello In my page date time control not working

   <td style="font-size: 8pt">
                                        Clinic Start Date
                                    </td>
                                    <td>
                                        <telerik:RadDateTimePicker ID="dtpStartDate" runat="server" AutoPostBackControl="Both"
                                            ShowPopupOnFocus="true">
                                        </telerik:RadDateTimePicker>
                                     
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 8pt">
                                        Clinic End Date
                                    </td>
                                    <td>
                                        <telerik:RadDateTimePicker ID="dtpEndDate" runat="server" AutoPostBackControl="Both"
                                            ShowPopupOnFocus="true" OnSelectedDateChanged="dtpEndDate_SelectedDateChanged">
                                        </telerik:RadDateTimePicker>
                                    </td>


don't know what happens but want to do like following link

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/clientsideevents/defaultcs.aspx

Needd help urgent

I'm using the default skin for rad menu.

For each menu item I have specified a:

HoveredImageUrl
ImageURL
ClickedImageURL

I also have an image I would like to use when the user has clicked a menu item and browsed to the corresponding menu item page. ClickedImageURL swaps the image when I click, how do I keep this image active when the user hits the new page?

Thanks in advance.

DataFormatString doesn't seem to work with binding the grid client side. Any alternative available to achieve the same?