Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,807 questions
1 answer
197 views
Make zebra background color in Edit mode
Hi all!

I already have a RadGrid which in Edit Mode.
And it's using My Custom Skin which based on the Telerik Skin.
I would like to make the background as zebra as in the normal mode.
Any ways to do that?

Thanks!

Andy.

My Custum SKin Code:
/*GridSkin RadGrid GridSkin Skin*/
 
/*global*/
 
.RadGrid_GridSkin
{
    border:1px solid #828282;
    background:#fff;
    color:#000;
    font-size:11px;
    font-family:Arial;
}
 
.RadGrid_GridSkin,
.RadGrid_GridSkin .rgMasterTable,
.RadGrid_GridSkin .rgDetailTable,
.RadGrid_GridSkin .rgGroupPanel table,
.RadGrid_GridSkin .rgCommandRow table,
.RadGrid_GridSkin .rgEditForm table,
.RadGrid_GridSkin .rgPager table,
.GridToolTip_GridSkin
{
    font:11px/11px arial;
}
 
.RadGrid_GridSkin .rgAdd,
.RadGrid_GridSkin .rgRefresh,
.RadGrid_GridSkin .rgEdit,
.RadGrid_GridSkin .rgDel,
.RadGrid_GridSkin .rgFilter,
.RadGrid_GridSkin .rgPagePrev,
.RadGrid_GridSkin .rgPageNext,
.RadGrid_GridSkin .rgPageFirst,
.RadGrid_GridSkin .rgPageLast,
.RadGrid_GridSkin .rgExpand,
.RadGrid_GridSkin .rgCollapse,
.RadGrid_GridSkin .rgSortAsc,
.RadGrid_GridSkin .rgSortDesc,
.RadGrid_GridSkin .rgUpdate,
.RadGrid_GridSkin .rgCancel,
.RadGrid_GridSkin .rgUngroup,
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
 
/*header*/
 
 
.RadGrid_GridSkin .rgHeader
{
    border-style:none none none solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
.RadGrid_GridSkin .rgHeader a
{
     
    background:#00a14d;
    color:white;
    font-weight:bold;
    font-size:11px;
}
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    font-weight:bold;
    color:white;
     background:#00a14d;
      
}
/*rows*/
 
.RadGrid_GridSkin .rgRow td,
.RadGrid_GridSkin .rgAltRow td,
 
 
 
 
.RadGrid_GridSkin .rgMasterTable th
{
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;  
}
 
.RadGrid_GridSkin .rgRow
{
    border-color:#c9c299;
     
}
.RadGrid_GridSkin .rgAltRow
{
    background:#EBEBEB;
    border-color:#c9c299;
}
 
 
.RadGrid_GridSkin .rgRow .rgSorted,
.RadGrid_GridSkin .rgAltRow .rgSorted
{
    border-color:#C9C299;
    background-color:#d7f8cc;
}
 
.RadGrid_GridSkin .rgSelectedRow .rgSorted,
.RadGrid_GridSkin .rgActiveRow .rgSorted,
.RadGrid_GridSkin .rgHoveredRow .rgSorted,
.RadGrid_GridSkin .rgEditRow .rgSorted
{
    background-color:transparent;
     
}
 
.RadGrid_GridSkin .rgRow a,
.RadGrid_GridSkin .rgAltRow a,
.RadGrid_GridSkin .rgEditRow a,
.RadGrid_GridSkin .rgFooter a,
.RadGrid_GridSkin .rgEditForm a
{
    color:blue; /* Delete & Edit Color */
}
 
.RadGrid_GridSkin .rgSelectedRow
{
    background:#DCFC5C;
     
}
*+html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
* html .RadGrid_GridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
 
.RadGrid_GridSkin .rgActiveRow,
.RadGrid_GridSkin .rgHoveredRow
{
    background:#a2ea8b;
    /* background:#DCFC5C;*/
}
*+html .RadGrid_GridSkin .rgActiveRow .rgSorted,
*+html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
* html .RadGrid_GridSkin .rgActiveRow .rgSorted,
* html .RadGrid_GridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
 
.RadGrid_GridSkin .rgEditRow
{
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
* html .RadGrid_GridSkin .rgEditRow .rgSorted{background-color:red}
 
.RadGrid_GridSkin .rgActiveRow td,
.RadGrid_GridSkin .rgActiveRow td.rgSorted,
.RadGrid_GridSkin .rgHoveredRow td
.RadGrid_GridSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#28a800;
}
 
.RadGrid_GridSkin .rgSelectedRow td,
.RadGrid_GridSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#C9C299;
}
 
.RadGrid_GridSkin .rgEditRow td
{
     
    background:#DCFC5C;
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
 
.RadGrid_GridSkin .rgNoRecords
{
    border:solid;
    border-width:10px 10px 10px 10px;
    border-color:red;
}
 
 
.RadGrid_GridSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#333;
}
 
.RadGrid_GridSkin .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}
 
/*footer*/
 
.RadGrid_GridSkin .rgFooterDiv,
.RadGrid_GridSkin .rgFooter
{
    background:#eee;
}
 
.RadGrid_GridSkin .rgFooter td
{
    border-color: #C9C299;
}
 
/*status*/
 
.RadGrid_GridSkin .rgStatus
{
     
}
 
.RadGrid_GridSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
 
/*pager*/
 
.RadGrid_GridSkin .rgPager
{
    background:#fff;
     
}
 
.RadGrid_GridSkin td.rgPagerCell
{
    /*
    border:1px solid;
    border-color:#828282 #eee #eee;
    border-right:0;
    */
    font-size:15px;
}
 
.RadGrid_GridSkin .rgInfoPart
{
    color:#8a8a8a;
}
 
.RadGrid_GridSkin .rgInfoPart strong
{
    color:#4c4e54;
}
 
.RadGrid_GridSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_GridSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_GridSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_GridSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_GridSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_GridSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_GridSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_GridSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}
 
.RadGrid_GridSkin .rgPager .rgPagerButton
{
    border-color:#d0d0d0 #aeaeae #8b8b8b;
    background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:10px/10px "segoe ui",arial,sans-serif;
}
 
.RadGrid_GridSkin .rgNumPart a:hover,
.RadGrid_GridSkin .rgNumPart a:hover span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgNumPart a
{
    color:#000;
}
 
.RadGrid_GridSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
}
 
.RadGrid_GridSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
 
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_GridSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
 
/*sorting, reordering*/
 
.RadGrid_GridSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
 
.RadGrid_GridSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
 
.GridReorderTop_GridSkin,
.GridReorderBottom_GridSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
 
.GridReorderBottom_GridSkin
{
    background-position:0 -50px;
}
 
/*filtering*/
 
.RadGrid_GridSkin .rgFilterRow
{
    background:#FFE0C0;
}
 
.RadGrid_GridSkin .rgFilterRow td
{
     
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
     
}
 
.RadGrid_GridSkin .rgFilter
{
    background-position:0 -300px;
}
 
.RadGrid_GridSkin .rgFilter:hover
{
    background-position:0 -350px;
}
 
.RadGrid_GridSkin .rgFilterActive,
.RadGrid_GridSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}
 
.RadGrid_GridSkin .rgFilterBox
{
    /* border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e; */
    font:11px "segoe ui",arial,sans-serif;
    color:#333;
    border-color:#7F9DB9;
}
 
/*filter context menu*/
 
.RadMenu_GridSkin .rgHCMClear,
.RadMenu_GridSkin .rgHCMFilter
{
    /*border-color:#ccc #999 #a8a8a8;*/
    background:#eee center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#000;
    font-family:"segoe ui",arial,sans-serif;
}
 
.RadMenu_GridSkin .rgHCMClear:hover,
.RadMenu_GridSkin .rgHCMFilter:hover
{
    /*border-color:#2ebf00 #2bb500 #28a800;*/
    background-position:center -67px;
    background-color:#a2ea8b;
}
 
/*grouping*/
 
.RadGrid_GridSkin .rgGroupPanel
{
    border:0;
    border-bottom:1px solid #828282;
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}
 
.RadGrid_GridSkin .rgGroupPanel td td
{
    padding:0;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortAsc
{
    background-position:4px -143px;
}
 
.RadGrid_GridSkin .rgGroupPanel .rgSortDesc
{
    background-position:4px -93px;
}
 
.RadGrid_GridSkin .rgUngroup
{
    background-position:0 -7498px;
}
 
.RadGrid_GridSkin .rgGroupItem
{
    border:1px solid;
    border-color:red;
}
 
.RadGrid_GridSkin .rgMasterTable td.rgGroupCol,
.RadGrid_GridSkin .rgMasterTable td.rgExpandCol
{
    border-color:#d2f8c5;
    background:#d2f8c5 none;
}
 
.RadGrid_GridSkin .rgGroupHeader,
.RadGrid_GridSkin .rgGroupHeader td.rgGroupCol
{
    background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_GridSkin .rgGroupHeader
{
    font-size:1.1em;
    line-height:21px;
}
 
.RadGrid_GridSkin .rgGroupHeader td
{
    border-bottom:1px solid #98ec7d;
    font-weight: bold;
}
 
.RadGrid_GridSkin .rgExpand
{
    background-position:5px -496px;
}
 
.RadGrid_GridSkin .rgCollapse
{
    background-position:3px -444px;
}
 
 
 
/*editing*/
 
.RadGrid_GridSkin .rgEditForm
{
    border-bottom:1px solid red;
     
}
 
.RadGrid_GridSkin .rgUpdate
{
    background-position:0 -1800px;
     
}
 
.RadGrid_GridSkin .rgCancel
{
    background-position:0 -1850px;
     
}
 
/*hierarchy*/
 
.RadGrid_GridSkin .rgDetailTable
{
    border-color:#828282;
     
}
 
/*command row*/
 
.RadGrid_GridSkin .rgCommandRow
{
    background:#fff;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandCell
{
    border:0;
    padding:0;
    color:Red;
}
 
.RadGrid_GridSkin thead .rgCommandCell
{
    border-bottom:1px solid #8b8b8b;
}
 
.RadGrid_GridSkin tfoot .rgCommandCell,
.RadGrid_GridSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #a1a1a1;
}
 
.RadGrid_GridSkin .rgCommandTable td
{
    border:0;
    padding:2px 7px;
    color:White;
}
 
.RadGrid_GridSkin .rgCommandTable
{
    border:1px solid;
    border-color:#f5f5f5 #e4e4e4 #d5d5d5;
}
 
.RadGrid_GridSkin .rgCommandRow a
{
    color:blue; /* "Add new", "Edit", "Delete" Color */
    text-decoration:underline;
    font-size:x-small;
}
 
.RadGrid_GridSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
     
}
 
.RadGrid_GridSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
     
}
 
.RadGrid_GridSkin .rgEdit
{
    background-position:0 -1700px;
}
 
.RadGrid_GridSkin .rgDel
{
    background-position:0 -1750px;
}
 
.RadGrid_GridSkin .rgExpXLS,
.RadGrid_GridSkin .rgExpDOC,
.RadGrid_GridSkin .rgExpPDF,
.RadGrid_GridSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}
 
.RadGrid_GridSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_GridSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_GridSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_GridSkin .rgExpCSV
{
    background-position:0 -150px;
}
 
/*multirow select*/
 
.GridRowSelector_GridSkin
{
    background:#155800;
}
 
/*row drag n drop*/
 
.GridItemDropIndicator_GridSkin
{
    border-top:1px dashed #155800;
}
 
/*tooltip*/
 
.GridToolTip_GridSkin
{
    border:1px solid #828282;
    padding:3px;
    background:#fff;
    color:#000;
}
 
/*rtl*/
 
.RadGridRTL_GridSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_GridSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_GridSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_GridSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_GridSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_GridSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_GridSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_GridSkin .rgPageLast:hover
{
    background-position:0 -600px;
}
 
/* ------------------------------------------------------------*/
/* <RadMenu / GridSkin> */
 
.RadMenu_GridSkin .rmRootGroup,
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow,
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmRootGroup
{
    border: 1px solid #828282;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}
 
/* <Root items> */
 
.RadMenu_GridSkin,
.RadMenu_GridSkin a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000; /* Menu Filter text color*/
    text-decoration: none;
}
 
.RadMenu_GridSkin a.rmLink,
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin .rmFirst a.rmLink,
.RadMenu_GridSkin .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmLast .rmText,
.RadMenu_GridSkin .rmLast a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmVertical a.rmLink,
.RadMenu_GridSkin .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst,
.RadMenu_GridSkin .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_GridSkin a.rmLink:hover,
.RadMenu_GridSkin a.rmFocused,
.RadMenu_GridSkin a.rmSelected
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 7px;
}
 
.RadMenu_GridSkin .rmHorizontal a.rmRootLink
{
 
    padding-left: 0;
}
 
.RadMenu_GridSkin .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}
 
.RadMenu_GridSkin .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}
 
.RadMenu_GridSkin_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmVertical a.rmLink:hover,
.RadMenu_GridSkin .rmVertical a.rmFocused,
.RadMenu_GridSkin .rmVertical a.rmSelected,
.RadMenu_GridSkin .rmVertical a.rmExpanded,
.RadMenu_GridSkin .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #828282;
    border-width: 1px 0;
}
 
.RadMenu_GridSkin .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmVertical .rmLast a.rmFocused,
.RadMenu_GridSkin .rmVertical .rmLast a.rmSelected,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded,
.RadMenu_GridSkin .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_GridSkin .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_GridSkin a.rmExpanded,
.RadMenu_GridSkin a.rmExpanded:hover
{
    background-color: #fff;
}
 
.RadMenu_GridSkin a.rmDisabled,
.RadMenu_GridSkin a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_GridSkin .rmGroup,
.RadMenu_GridSkin .rmMultiColumn,
.RadMenu_GridSkin .rmGroup .rmVertical
{
    border: 1px solid #979797;
    background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
* html .rmRoundedCorners_GridSkin .rmGroup .rmItem,
* html .rmRoundedCorners_GridSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_GridSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_GridSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_GridSkin .rmBottomLeft,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_GridSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_GridSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopRight,
.RadMenu_GridSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin .rmTopFix,
.RadMenu_GridSkin .rmBottomFix,
.RadMenu_GridSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_GridSkin .rmGroup .rmFirst
{
    border-color: #979797;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_GridSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_GridSkin_rtl .rmBottomLeft,
.RadMenu_GridSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_GridSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl ul.rmGroup,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_GridSkin_rtl .rmTopRight,
.RadMenu_GridSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_GridSkin_rtl li.rmTopFix,
.RadMenu_GridSkin_rtl li.rmBottomFix,
.RadMenu_GridSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_GridSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_GridSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_GridSkin_rtl .rmGroup,
.RadMenu_GridSkin_rtl .rmMultiColumn,
.RadMenu_GridSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}
 
.RadMenu_GridSkin .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}
 
.RadMenu_GridSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_GridSkin .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_GridSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_GridSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_GridSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink,
.RadMenu_GridSkin .rmGroup .rmItem a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmItem a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink,
.RadMenu_GridSkin .rmGroup .rmLast a.rmLink:hover,
.RadMenu_GridSkin .rmGroup .rmLast a.rmFocused,
.RadMenu_GridSkin .rmGroup .rmLast a.rmSelected,
.RadMenu_GridSkin .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink,
.RadMenu_GridSkin .rmGroup .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover,
.RadMenu_GridSkin .rmGroup a.rmFocused,
.RadMenu_GridSkin .rmGroup a.rmSelected,
.RadMenu_GridSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_GridSkin .rmGroup .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_GridSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}
 
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_GridSkin .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_GridSkin_rtl a.rmLink
{
    background-position: 100% -96px;
}
 
.RadMenu_GridSkin_rtl .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_GridSkin_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_GridSkin_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_GridSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_GridSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (GridSkin - specific, overlapping submenus)> */
 
.RadMenu_GridSkin .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_GridSkin .rmVertical .rmSlide,
.RadMenu_GridSkin .rmSlide .rmSlide,
.RadMenu_GridSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_GridSkin_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_GridSkin_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_GridSkin_rtl .rmVertical .rmSlide,
.RadMenu_GridSkin_rtl .rmSlide .rmSlide,
.RadMenu_GridSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_GridSkin .rmLeftArrow,
.RadMenu_GridSkin .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_GridSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_GridSkin .rmTopArrow,
.RadMenu_GridSkin .rmBottomArrow,
.RadMenu_GridSkin .rmGroup .rmLeftArrow,
.RadMenu_GridSkin .rmGroup .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_GridSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_GridSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_GridSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}
 
.RadMenu_GridSkin_Context .rmSeparator .rmText,
.RadMenu_GridSkin .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_GridSkin .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
 
/* </Separators> */
 
/* </RadMenu / GridSkin> */
 
/* -------------------------------  Drop down page size ----------- */
 
/* RadComboBox GridSkin skin */
 
/*global*/
 
.RadComboBox_GridSkin,
.RadComboBox_GridSkin .rcbInput,
.RadComboBoxDropDown_GridSkin
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #000;
}
 
/* combobox */
 
.RadComboBox_GridSkin .rcbInputCellLeft,
.RadComboBox_GridSkin .rcbInputCellRight,
.RadComboBox_GridSkin .rcbArrowCellLeft,
.RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBox_GridSkin .rcbInputCellLeft,
* html .RadComboBox_GridSkin .rcbInputCellRight,
* html .RadComboBox_GridSkin .rcbArrowCellLeft,
* html .RadComboBox_GridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBox_GridSkin td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin td.rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_GridSkin .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
 
.RadComboBox_GridSkin .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
 
.RadComboBox_GridSkin td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin td.rcbArrowCellRight { background-position: 0 -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
 
.RadComboBox_GridSkin td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* Read-only styles */
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
 
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
 
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
 
.RadComboBox_GridSkin .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_GridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_GridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* dropdown */
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter,
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBoxDropDown_GridSkin .rcbHeader,
* html .RadComboBoxDropDown_GridSkin .rcbFooter,
* html .RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBoxDropDown_GridSkin
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader,
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
 
.RadComboBoxDropDown_GridSkin .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbFooter
{
    border-top-color: #d5d5d5;
}
 
.RadComboBoxDropDown_GridSkin .rcbItem em
{
    background: #e5e5e5;
}
 
.RadComboBoxDropDown_GridSkin .rcbHovered
{
    background: #9ddf6c;
}
 
.RadComboBoxDropDown_GridSkin .rcbSeparator
{
    color: #000;
    background: #63ac39;
}
 
.RadComboBox_GridSkin .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_GridSkin .rcbDisabled
{
    color: #999;
}
 
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_GridSkin .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_GridSkin table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_GridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
 
.RadComboBoxDropDown_GridSkin .rcbLoading
{
    background: #f0f0f0;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background: #fff;
}
 
.RadComboBoxDropDown_GridSkin .rcbMoreResults a
{
    background-position: -157px -94px;
}



Grid
Dimo
Telerik team
 answered on 06 Oct 2010
8 answers
224 views
Today button
Hi,

I would like to wrap the RadCalender and make MyRadCalender server control.
Actually, i need to add  the Today button as a default when i create an instance of the control.
I searched your forums and i found this code:

    function GoToToday() { 
        var datepicker = $find("<%=RadDatePicker10.ClientID%>"); 
        var dt = new Date(); 
        datepicker.set_selectedDate(dt); 
    } 

    <telerik:RadDatePicker ID="RadDatePicker10" runat="server" Width="140px"> 
        <Calendar runat="server"> 
            <FooterTemplate> 
                <div style="width: 100%; text-align: center; background-color: Gray;"> 
                    <input id="Button1" type="button" value="Today" onclick="GoToToday()" /> 
                </div> 
            </FooterTemplate> 
        </Calendar> 
    </telerik:RadDatePicker> 
Actually, this is the result i need, but i need it as a default and not to write the code in the client side every time someone uses the control.
I know i need to override the render method  somehow in my wraped server control.
Can you give a small example how to do it?

Thank you
Calendar
Iana Tsolova
Telerik team
 answered on 06 Oct 2010
3 answers
191 views
Conditionally change UpdateCommand if no file is selected
I'm looking at the demo 'Binary Images and Upload in Grid'.  While in edit mode, if no file is selected, the validator will display "Please select file to be uploaded".  What is the work around so that the UpdateCommand simply won't include the binaryimage field in the update?  I'm really new to .Net and Telerik so I'll appreciate some sample code if possible.  I just figure when user edits a record, if he doesn't select any new file to upload, I'd like to still update the rest of the record and leave the image field unchanged instead of forcing user to select a new file.  I can't think of a way to do so.  Any help would be appreciated.
Upload (Obsolete)
Cori
Top achievements
Rank 2
 answered on 06 Oct 2010
6 answers
1.5K+ views
Export to Excel Timeout!
I have a grid with 20 columns and around 8,000 rows.  It takes about 30 seconds to load and timesout when I try to export to excel.  What would cause this to timeout?

protected void ButtonExcel_Click(object sender, System.EventArgs e)
   {
       RadGrid Grid1 = (RadGrid)Page.Master.FindControl("Main").FindControl("RadGrid1");
       Grid1.ExportSettings.ExportOnlyData = true;
       Grid1.ExportSettings.IgnorePaging = true;
       Grid1.ExportSettings.OpenInNewWindow = true;
       Grid1.MasterTableView.ExportToExcel();
   }

Does anyone else have a problem with performance and exporting to excel?
Grid
Daniel
Telerik team
 answered on 06 Oct 2010
1 answer
124 views
Integration with Microsoft Exchange
Has anyone had any success or experience with integrating the Scheduler control with Microsoft Exchange?  Any pointers or info, examples would be very well received.  Thanks in advance!
Scheduler
Peter
Telerik team
 answered on 06 Oct 2010
1 answer
67 views
Preserve entered data inside RadGrid TemplatedForm

Hi,

I have problem RadGrid Templated items as following:

 


As known Telerik provides ability to use templated Edit Form to insert/ edit data, problem we are facing is adding new record from the Grid edit form opened via add new record link that opens the template form, all entered data inside the template controls inside template form will be lost if user pressed any action button such edit button for another record (GridItem) or press again on add new record link that opens the templated form

 

I need to preserve any entered data inside templated control at the runtime regardless to another action being done to the same RadGrid.

 


please refer to this video to view the scenario

http://screencast.com/t/kfIBbdC7EyGm

any help,

Grid
Princy
Top achievements
Rank 2
 answered on 06 Oct 2010
1 answer
112 views
textboxes not accepting input
I am encountering a strange behavior where after a bunch of AJAX requests, textboxes stop accepting input. They are not inactive and it is essentially random, eventually if I hit enough postback areas on the page, they accept input again. Any suggestions on how to debug this or has anyone seen this before?

Thanks,
Reuven
Ajax
Dimo
Telerik team
 answered on 06 Oct 2010
2 answers
110 views
Scrollbars do not appear when needed - help!
Hi

There are two windows on a page,

The first loads a page containing a flash video, and shows scrollbar
vertically, as required by the content which exceeds the specified window height

The second loads page containing a text listing from a database, which exceeds the height of the
window but does NOT make scrollbars to appear.
<telerik:RadWindow ID="RadWindow1" runat="server" Modal="True" 
                    NavigateUrl="windows/partnerships.aspx" OpenerElementID="divPartnerships" 
                    Animation="Fade" Behaviors="Close,Move" Skin="Black" 
                    VisibleStatusbar="False" Height="750px" Width="850px" OnClientClose="OnClientClose">
                </telerik:RadWindow>
                  
                <telerik:RadWindow ID="RadWindow3" runat="server" 
                    NavigateUrl="windows/careers.aspx" Skin="Black" Animation="Fade" 
                Modal="True" width="530px" height="300px" OpenerElementID="divCareers" 
                    Behaviors="Close,Move,Resize" VisibleStatusbar="False" ShowContentDuringLoad="False">
                </telerik:RadWindow>
There is nothing in code behind to prevent scrollbars so I am at a loss as to how to fix it!

Please help!

Thanks

Clive
P.S   Q2 2010 running on IIS6 with Asp.Net 4.0

Window
Clive Hoggar
Top achievements
Rank 1
 answered on 06 Oct 2010
1 answer
101 views
how to enable moving the whole RadEditor window
Hello,

I've tried searching for this all over the place, and looking through the online documentation, but can't seem to find the right terms to search under.

Basically, we have several pages that use RadEditor windows in side-by-side columns on the page in SharePoint.

On some pages, depending on monitor resolution, the RadEditor window overlaps the right-hand area of the SharePoint page where it covers up the "OK" and "Apply" buttons for the SharePoint part.

Is there a way to "undock" the whole RadEditor window from its location on the page, where it can be dragged around?

And/or is there a way to position the RadEditor in a config file to absolutely position itself over all other page elements and set the x,y coordiates? I ask this, because maybe that would work to keep the RadEditor from overlapping the SharePoint webpart column on the right of the page.

Thanks,
George
WebParts for SharePoint
Stanimir
Telerik team
 answered on 06 Oct 2010
5 answers
196 views
[Solved] RadComboBox to populate within RadPanelBar
I have a ComboBox within the PanelBar.  I can populate the ComboBox with a page load call that is located outside the panelbar, but within the bar, I'm not sure how to get the ComboBox to update.  A co-worker suggested adding a RadAjaxManager piece that didn't work either.  Here is what I have so far:
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" style="z-index:1; position:absolute; top:2500px;left:10px;">  
      <telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" Width="740px">  
        <Items> 
            <telerik:RadPanelItem Expanded="True" Text="Step 1: Test" runat="server" Selected="true">   
                <Items> 
                    <telerik:RadPanelItem Value="AccountInformation" runat="server">  
                        <ItemTemplate> 
                            <div style="background-color: #edf9fe">  
          
        <asp:Label ID="Label12" runat="server" Text="Project Search" style="width: 137px; font-weight: 700;"></asp:Label><br /> 
         
        <asp:Label ID="Label9" runat="server" Text="Project Name:" style="width: 113px; text-align: right;"></asp:Label><br /> 
            
        <telerik:RadComboBox ID="projectNameRadComboBox" runat="server" AutoPostBack="true"  ZIndex="99999" Width="250px"></telerik:RadComboBox><br /> 
        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" > 
            <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
                            <UpdatedControls> 
                                <telerik:AjaxUpdatedControl ControlID="RadAjaxManager1" /> 
                                          
                                <telerik:AjaxUpdatedControl ControlID="projectNameRadComboBox" /> 
                            </UpdatedControls> 
                     </telerik:AjaxSetting> 
            </AjaxSettings> 
         </telerik:RadAjaxManager> 
        <asp:Label ID="Label2" runat="server" Text="Identifier:"></asp:Label><br /> 
           
        <asp:TextBox ID="identifierTextBox" runat="server" Width="250px"></asp:TextBox><br /> 
          
        <asp:Label ID="Label13" runat="server" Text="Project Group:" style="text-align: right;"></asp:Label><br /> 
            
        <telerik:RadComboBox ID="projectGroupRadComboBox" runat="server"  ZIndex="99999" Width="250px"></telerik:RadComboBox><br /> 
          
        <asp:Button ID="projectSearchButton" runat="server" Text="Search" SkinID="smallGreenButton" Width="50px" onclick="projectSearchButton_Click" /><br /> 
                                <br /> 
                                <br /> 
                                <br /> 
    
 
                            </div> 
                        </ItemTemplate> 
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelItem> 

This is my code behind piece that works for populating outside of the PanelBar:
        IQueryable allProjectName = Project.GetAllBindings();  
        this.projectNameRadComboBox.DataSource = allProjectName;  
        this.projectNameRadComboBox.DataValueField = "ID";  
        this.projectNameRadComboBox.DataTextField = "Name";  
        this.projectNameRadComboBox.DataBind();  
 
        this.projectNameRadComboBox.Filter = RadComboBoxFilter.Contains;  
 
 


I want to understand how the ajax is going to make a call from within the PanelBar for the ComboBox.  Thanks!

wen
PanelBar
Daniel
Top achievements
Rank 1
 answered on 06 Oct 2010
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
6464 6465
6466
6467 6468
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how