Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
251 views

Hi,
Please find the attached screenshot. I wan't the arrow to be displayed in the right side instead of left before the text.

I am adding the image in code behind
 protected override void OnPreRender(EventArgs e)
        {
            foreach (RadMenuItem item in RadCustomMenu.Items)
            {
                SetImageUrl(item);
            }

            base.OnPreRender(e);

        }

        private void SetImageUrl(RadMenuItem item)
        {        

            if (item.GroupSettings.ExpandDirection == Telerik.Web.UI.ExpandDirection.Down)
            {           
                 item.ImageUrl = @"\Styles\Menu\MENUDARK.GIF";
            }                     
        }

I have tried the css as in below site but didn't get the desired result.

http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-custom-skin-show-right-arrow.aspx

I have customized the default skin to mine as below

<style type="text/css">

        <!-- take care default skin background image usage when using the HeaderStyle-BackColor property -->
        div.RadGrid  .rgHeader,
        div.RadGrid  th.rgResizeCol
        {
            background-image: none ;
        }
        
        <!-- override RadGrid skin 'td' font style with editorial custom font style -->
        div.RadGrid_Web20  td,
        div.RadGrid_Default  td,
        div.RadGrid  td
        {
             font-family: tahoma;
            font-size: 8pt;
            vertical-align:middle;
            word-wrap: break-word;
        }        

        <!-- misc. custom styles for the RadEditor -->
        .rade_toolbar.Default .Symbols
        {
          background-image: url('/graphics/utdmediatemplate/Specical%20Chars/omega.gif');
          background-position:center;
        }
        
        .rade_toolbar.Default .SpaceBreak,
        .rade_toolbar.Default .LineBreak,
        .rade_toolbar.Default .Paragraph,
        .rade_toolbar.Office2007 .SpaceBreak,
        .rade_toolbar.Office2007 .LineBreak,
        .rade_toolbar.Office2007 .Paragraph,
        .rade_toolbar.Outlook .SpaceBreak,
        .rade_toolbar.Outlook .LineBreak,
        .rade_toolbar.Outlook .Paragraph
        {
          background-image: url('/images/editor_cmd.gif');
          background-position:center;
        }
                
        .rade_toolbar .MathSymbol,
        .rade_toolbar .ArrowSymbol,
        .rade_toolbar .CharacterSymbol,
        .rade_toolbar .CharacterSymbol,
        .rade_toolbar .GreekLetter,
        .rade_toolbar .MiscSymbol,
        .rade_toolbar .FootnoteSymbol,
        {
          background-image:url('/images/editor_cmd.gif');                                                                 
          background-position:center;
        }

        .reTool .SpaceBreak,
        .reTool .LineBreak,
        .reTool .Paragraph
    {
      background-image: url("/images/editor_cmd.gif");
    }
/* <RadMenu / Default> */

.RadMenu_UpToDateGreen .rmRootGroup,
.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow,
.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
    border-width: 0 0 1px;
}

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

.RadMenu_UpToDateGreen .rmRootGroup
{   
    border: 1px solid #DCE8E8;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #DCE8E8;
}

/* <Root items> */

.RadMenu_UpToDateGreen,
.RadMenu_UpToDateGreen a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #fff;
    text-decoration: none;   
}

/*Font for child item in Menu */
.childMenuitemText
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;   
}

.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    background-position: 0 -72px;
}

.RadMenu_UpToDateGreen .rmFirst a.rmLink,
.RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmLast .rmText,
.RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmVertical a.rmLink,
.RadMenu_UpToDateGreen .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 0px;   
    
}
div.RadMenu .rmLink .rmText
 {
    margin: 0;  
    padding: -3;        
    padding-right :10px;
 }
                        /* div.RadMenu a.rmLink {
                          line-height: 15px;
                        }*/
                       
/*div.RadMenu .rmRootGroup .rmLink
{
    padding: 0;
}
 
div.RadMenu .rmRootGroup .rmText
{      
    width: 120px  !important;  
    padding: 0;
    text-align: center;
}
 
div.RadMenu .rmGroup  .rmText
{
    width: auto !important;
}*/
 
div.RadMenu .rmGroup .rmText {
   margin:0 0 0 6px;
  /* padding:0 54px 0 28px;
   text-align: left;*/
 }

     

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

     {
        /* background-image: url('Menu/topnavselected.gif')!important;
         background:yellow !important;
      }*/


.RadMenu_UpToDateGreen .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('Menu/topnavselected.gif')!important;
    background-color: #D8E5E5;
    background-position :0px 0px;
    
}

.RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 3px;
}

.RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
{
    padding-left: 0;
}

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

.RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}

.RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;   
    border-style: solid;   
    border-color: #DCE8E8;
    border-width: 0px 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}

.RadMenu_UpToDateGreen a.rmExpanded,
.RadMenu_UpToDateGreen a.rmExpanded:hover
{
    background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
}

.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{   
    border: 1px solid #979797 !important; 
    background: #f0f0f0 !important;
    background: #D8E4E4 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
* html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #8BC0B8;
    background-repeat: repeat-y;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
{
    background-color: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmBottomLeft,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
* html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
* html .rmRoundedCorners_UpToDateGreen ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopRight,
.RadMenu_UpToDateGreen .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
{
    border-color: #979797;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

.RadMenu_UpToDateGreen_rtl .rmBottomLeft,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_UpToDateGreen_rtl .rmTopRight,
.RadMenu_UpToDateGreen_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_UpToDateGreen_rtl li.rmTopFix,
.RadMenu_UpToDateGreen_rtl li.rmBottomFix,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_UpToDateGreen_rtl .rmGroup,
.RadMenu_UpToDateGreen_rtl .rmMultiColumn,
.RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_UpToDateGreen .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}

.RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -516px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -236px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_UpToDateGreen_rtl a.rmLink,
.RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
{
    background-position: 100% -96px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
{
    background: none;
}

.RadMenu_UpToDateGreen_rtl .rmText
{
    background-position: 0 -96px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -64px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

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

.RadMenu_UpToDateGreen .rmSlide
{
    margin: 0 0 0 -1px;
}

.RadMenu_UpToDateGreen .rmVertical .rmSlide,
.RadMenu_UpToDateGreen .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_UpToDateGreen_rtl .rmSlide
{
    margin: 0 0 0 0;
}

.RadMenu_UpToDateGreen_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
.RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #DCE8E8; }

.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow,
.RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
.RadMenu_UpToDateGreen .rmGroup .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #DCE8E8; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_UpToDateGreen .rmHorizontal .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;   
    background-color: #5CAAA0;
}

.RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
.RadMenu_UpToDateGreen a.rmItem a.rmFirst
{
    background-image: url('Menu/topnavselected.gif')!important;
}

/* </Separators> */

/* </RadMenu / Default> */

</style>  

Thanks
BV
BV
Top achievements
Rank 1
 asked on 17 Jan 2011
1 answer
64 views
hi,

i want to rename "show 24 hours" to some other name.. is dis customization possible???



thanks in advance :)
Veronica
Telerik team
 answered on 17 Jan 2011
1 answer
154 views
Hello,

I am using scheduler control (Version : 2010.2.929.35). I attempted to update a appointment on the Modify appointment advanced window.  When I clicked the Update button, the processing loading graphic appeared, but processed for an unusually long time.  When it finally resolved, the window remained open and there was an exclamation point next to the Done message. When I clicked on the exclamation point there was a message about a not enough storage error.  See screen captures attached.

Thanks and Best Regards
Sabya
Nikolay Tsenkov
Telerik team
 answered on 17 Jan 2011
4 answers
197 views
Hi,

  I'm trying to get functionality in a control that from all looks so far can't be done with either the RadCalendar or RadDatePicker since it needs funcitonality of both.  I'm looking for a single date selection (picker, i.e. popup), but that also renders the calendar (highlighting/enabling only specific dates based on a retrieved data set of possible dates) using DayRender or similar.  So far it seems like it just isn't very feasible.  thanks for any help

Ryan
cheburek
Top achievements
Rank 1
 answered on 17 Jan 2011
1 answer
238 views
Hi,
plz give me a small example how can i am save the file in the project folder by using radupload control through coding in c#.
I have already using
Default.aspx
<telerik:RadUpload ID="imageUpload" runat="server" ControlObjectsVisibility="None"
                                         MultipleFileSelection="Disabled"
                                        AllowedFileExtensions=".jpg,.jpeg,.png,.gif" TargetFolder="~/Record/">
                                    </telerik:RadUpload>
Default.aspx.cs
if (imageUpload.UploadedFiles.Count>0)
 
               {
                    
                  // Guid guid = new Guid();
                   string filename = Guid.NewGuid().ToString() +imageUpload.UploadedFiles[0].GetExtension();
                   testimonial.FileName = filename;
                   testimonial.FileUrl = "~/Record/" + filename;
                   filename = Server.MapPath("~/Record/" + filename);
                   imageUpload.UploadedFiles[0].SaveAs(filename);
                   testimonial.FilePhysicalPath = filename;
                    
                    
               }
But always imageUpload.UploadedFiles.Count property show 0 file upload .
Please help me asps.
Thanks
Cori
Top achievements
Rank 2
 answered on 17 Jan 2011
3 answers
220 views
I'm creating a login user control for our sitefinity. it is designed to use jQuery/Webservice.  I've built the client side with the following:
<input type="text" id="UserNameText" />
<br />
<input type="password" id="PasswordText" />
<br />
<input type="button" id="Login" value="Login" onclick="DoLogin();" />
  
<script type="text/javascript" language="javascript">
    function DoLogin() 
    {
        var un = document.getElementById('UserNameText').value;
        var pw = document.getElementById('PasswordText').value;
        var info = "{ 'UserName':'" + un + "', 'Password':'" + pw + "'}";
  
        $.ajax(
        {
            type: "POST",
            url: "http://localhost:60876/Sitefinity/Services/Login/Login.asmx/LoginSpecial",
            dataType: 'json',
            data: info,
            contentType: "application/json; charset=utf-8",
            success: function (msg) { alert(msg.d); },
            error: function (msg) { alert(msg.responseText); }
        });
    }
</script>

The above works ok, the service is called(as expected).  However I don't know how to get the json data out of the POST message(data : info).  With Get, I can read the parameters off the url query string.  I can parse the json ok, I just don't know how to get it from the POST.  I have the following code for the webservice.
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
[WebMethod]
public string LoginSpecial()
{
    string success = String.Empty;
    /* read json here from jQuery POST 
    NameValueCollection collection = request.Params;
    HttpRequest request = HttpContext.Current.Request;
    string json = HttpContext.Current.Request["info"] != null ? HttpContext.Current.Request["info"].ToString() : String.Empty;
    */
    // test json string, need to read from the jquery post
    string json = "{ 'UserName':'test', 'Password':'test'}";
      
    // the following two lines of code work ok with the test json string above.
    JavaScriptSerializer serial = new JavaScriptSerializer();
    Credentials credential = (Credentials)serial.Deserialize(json, typeof(Credentials));
    return "Some json message here";
}

I hope I got this in the right forum section.
Slavo
Telerik team
 answered on 17 Jan 2011
1 answer
133 views
I have found while working with the RadGrid that when AllowKeyBoardNavigation is set to true all keyboard navigation events are being captured whether focus is in the grid or not.  Not sure if I am going crazy or not, or if there is some other solution.
Here is a simple example that I have duplicated in IE and chrome.

Place a RadTextBox and RadGrid on a form setting the client setting AllowKeyBoardNavigation="True".  Also in my testing I am using a masterpage.
<asp:Content ID="Content1" ContentPlaceHolderID="cphBody" runat="Server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <telerik:RadTextBox ID="RadTextBox1" runat="server">
    </telerik:RadTextBox>
    <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"
        onneeddatasource="RadGrid1_NeedDataSource">
        <ClientSettings AllowKeyboardNavigation="True">
        </ClientSettings>
        <MasterTableView>
            <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                <HeaderStyle Width="20px"></HeaderStyle>
            </RowIndicatorColumn>
            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                <HeaderStyle Width="20px"></HeaderStyle>
            </ExpandCollapseColumn>
            <EditFormSettings>
                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                </EditColumn>
            </EditFormSettings>
        </MasterTableView>
        <FilterMenu EnableImageSprites="False">
        </FilterMenu>
        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
        </HeaderContextMenu>
    </telerik:RadGrid>
</asp:Content>

When you open the page and the grid is filled put focus and type something in the textbox and attempt to use the back and forward buttons on your keyboard.  In my testing focus leaves the textbox and is placed immediately on the grid when one of these keys is pressed.  Is this by design or a bug?

Pavel
Telerik team
 answered on 17 Jan 2011
4 answers
186 views
I'm trying to use the code below to perform a batch update in a RadGrid but I'm getting the error below.  I was able to get this to work fine in C# but now I need to get it to work in VB.net

Protected Sub gvGrossPayroll_ItemCommand(ByVal sender As Object, ByVal e As GridCommandEventArgs)
    If e.CommandName = "UpdateAll" Then
        For Each editedItem As GridEditableItem In gv_grosspayroll.EditItems
            Dim newValues As New Hashtable()
            e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem)
            Update_PayrollRecord(editedItem.GetDataKeyValue("ID"), Convert.ToDecimal(newValues("PayrollAmount")))
        Next
    End If
    gv_grosspayroll.Rebind()
End Sub

Error:

Selection out of range
Parameter name: value

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Selection out of range
Parameter name: value

Radoslav
Telerik team
 answered on 17 Jan 2011
2 answers
595 views
Hello everyone!

I've been trying out inserting and editing with the RadGrid's edit form ("in" the Grid), and I'm very pleased with the results so far. Here's a sample of what I've achieved:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div style="width: 500px;">
        <telerik:RadGrid ID="RadGrid1" runat="server" OnInsertCommand="RadGrid1_InsertCommand"
            OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"
            OnItemCommand="RadGrid1_ItemCommand">
            <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Bottom">
                <Columns>
                    <telerik:GridBoundColumn UniqueName="Number" DataField="Number" HeaderText="Number">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="Title" DataField="Title" HeaderText="Title">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="Description" DataField="Description" HeaderText="Description">
                    </telerik:GridBoundColumn>
                    <telerik:GridEditCommandColumn UniqueName="EditCommandColumn">
                    </telerik:GridEditCommandColumn>
                </Columns>
                <EditFormSettings EditFormType="Template">
                    <FormTemplate>
                        <table>
                            <tr>
                                <td class="textb">
                                    Number
                                </td>
                                <td>
                                    <telerik:RadNumericTextBox ID="RadNumericTextBoxNumber" runat="server" Text='<%# Bind("Number") %>'
                                        NumberFormat-DecimalDigits="0" DataType="System.Int32">
                                    </telerik:RadNumericTextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="textb">
                                    Title
                                </td>
                                <td>
                                    <telerik:RadTextBox ID="RadTextBoxTitle" runat="server" MaxLength="1024" Text='<%# Bind("Title") %>'>
                                    </telerik:RadTextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="textb">
                                    Description
                                </td>
                                <td>
                                    <telerik:RadTextBox ID="RadTextBoxDescription" runat="server" MaxLength="1024" TextMode="MultiLine"
                                        Text='<%# Bind("Description") %>'>
                                    </telerik:RadTextBox>
                                </td>
                            </tr>
                        </table>
                        <br />
                        <br />
                        <asp:Button CommandName="Cancel" ID="Button1" runat="server" Text="Cancel"></asp:Button>
                        <asp:Button ID="Button2" Text="OK" runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />
                    </FormTemplate>
                </EditFormSettings>
            </MasterTableView>
        </telerik:RadGrid>
    </div>


And the code-behind:

protected RegistrationLine DefaultRegistrationLine()
    {
        RegistrationLine dr  = new RegistrationLine();
 
        dr = new RegistrationLine();
        dr.Number = 0;
        dr.Title = "";
        dr.Description = "";
        return dr;
    }
 
    protected class RegistrationLine
    {
        public int Number { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
    }
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            tempListRegistrationLines = RadGridBindStartUpData();           
        }
    }
     
    protected static List<RegistrationLine> tempListRegistrationLines;
 
    private List<RegistrationLine> RadGridBindStartUpData()
    {
        List<RegistrationLine> list = new List<RegistrationLine>();
         
        RegistrationLine rl;
         
        rl = new RegistrationLine();               
        rl.Number = 1;
        rl.Title = "A";
        rl.Description = "aaa";
        list.Add(rl);
 
        rl = new RegistrationLine();               
        rl.Number = 2;
        rl.Title = "B";
        rl.Description = "bbb";
        list.Add(rl);
 
        rl = new RegistrationLine();               
        rl.Number = 3;
        rl.Title = "C";
        rl.Description = "ccc";
        list.Add(rl);
         
        return list;
    }
 
 
    protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
    {
        RadGrid1.DataSource = tempListRegistrationLines;
    }
 
    protected void RadGrid1_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
    {
        GridEditableItem editedItem = e.Item as GridEditableItem;
 
        List<RegistrationLine> table = tempListRegistrationLines;
 
        RegistrationLine newRow = new RegistrationLine();
 
        RadTextBox rtb;      
        rtb = (RadTextBox)editedItem.FindControl("RadTextBoxTitle");
        newRow.Title = rtb.Text;
        rtb = (RadTextBox)editedItem.FindControl("RadTextBoxDescription");
        newRow.Description = rtb.Text;
 
        RadNumericTextBox number = (RadNumericTextBox)editedItem.FindControl("RadNumericTextBoxNumber");
        newRow.Number = number.Value.HasValue ? Convert.ToInt32(number.Value.Value) : 0;       
         
        table.Add(newRow);
    }
 
    protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)
    {
        GridEditableItem editedItem = e.Item as GridEditableItem;
        int idx = e.Item.ItemIndex;
        
        List<RegistrationLine> table = tempListRegistrationLines;       
 
        table.RemoveAt(idx);
 
        RegistrationLine newRow = new RegistrationLine();              
 
        RadTextBox rtb;      
        rtb = (RadTextBox)editedItem.FindControl("RadTextBoxTitle");
        newRow.Title = rtb.Text;
        rtb = (RadTextBox)editedItem.FindControl("RadTextBoxDescription");
        newRow.Description = rtb.Text;
 
        RadNumericTextBox number = (RadNumericTextBox)editedItem.FindControl("RadNumericTextBoxNumber");
        newRow.Number = number.Value.HasValue ? Convert.ToInt32(number.Value.Value) : 0; 
 
        table.Insert(idx,newRow);        
    }
 
    protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
    {
        string strCommand =  e.CommandName;
 
        if (strCommand == RadGrid.InitInsertCommandName)
        {
            // prepare for insert: default data
            e.Canceled = true;
            RegistrationLine rl = DefaultRegistrationLine();
            e.Item.OwnerTableView.InsertItem(rl);          
        
 
        if (strCommand == "Edit")
        {           
            GridEditFormItem editItem = e.Item as GridEditFormItem;
 
            // nothing
        }           
    }


However, I would like to have the insert form at the bottom of the Grid, instead of at the top. So my question is: is there any easy way to do this?

Thanks in advance for your suggestions.

naru
Top achievements
Rank 1
 answered on 17 Jan 2011
4 answers
105 views
may i know how to achieve the following requirement in radScheduler:
- only need to show two columns for a day as AM and PM
- want to split the column vertically than horizontally
Peter
Telerik team
 answered on 17 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?