Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,818 questions
1 answer
129 views
Incorrect rendering load on demand combobox in grid. Both controls has custom skin.
Hello

I have a custom skin for radgrid. Inside radgrid i use item template for load on demand combo box. On search it always opens up popup on left side of combobox cutting off the popup window (as in image)

Here is grid's code
<telerik:RadGrid ID="RadIcdGrid" GridLines="None" runat="server" AllowAutomaticDeletes="false"
                                AllowAutomaticInserts="false" PageSize="10" AllowAutomaticUpdates="false" AllowPaging="True"
                                SkinID="EzGrid" AutoGenerateColumns="False" OnInsertCommand="RadIcdGrid_OnInsertCommand"
                                OnDataBound="RadIcdGrid_DataBound" OnDeleteCommand="RadIcdGrid_OnDeleteCommand"
                                OnNeedDataSource="RadIcdGrid_NeedDataSource">

Here is combo's code
<telerik:RadComboBox ID="RdICD" runat="server" DataSourceID="SqlICDDS"  SkinID="EzGrid" EnableEmbeddedSkins="false"
                                                       DataValueField="ICD9Code" DataTextField="ICD9Code" EmptyMessage="Select ICD Codes"
                                                        HighlightTemplatedItems="true" Width="150px" Height="250px" EnableAutomaticLoadOnDemand="True"
                                                       ItemsPerRequest="20" ExpandDirection="Up" ShowMoreResultsBox="true" Filter="Contains"
                                                       ShowToggleImage="False" DropDownWidth="1000px"  EnableScreenBoundaryDetection="true">
                                                       <HeaderTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       Code
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       Name
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       Description
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </HeaderTemplate>
                                                       <ItemTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       <asp:Label runat="server" ID="Code">
                                <%# Eval("Code")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       <asp:Label runat="server" ID="Name">
                                <%# Eval("Name")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       <asp:Label runat="server" ID="DescShort">
                                <%# Eval("Description")%>
                                                                       </asp:Label>
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </ItemTemplate>
                                                   </telerik:RadComboBox>

Here is Grid's css
/*Telerik RadGrid Default Skin*/
  
/*global*/
  
.RadGrid_EzGrid
{
    border: 1px solid #999;
    background: #fff;
    color: #000;
}
  
.RadGrid_EzGrid, .RadGrid_EzGrid .rgMasterTable, .RadGrid_EzGrid .rgDetailTable, .RadGrid_EzGrid .rgGroupPanel table, .RadGrid_EzGrid .rgCommandRow table, .RadGrid_EzGrid .rgEditForm table, .RadGrid_EzGrid .rgPager table, .GridToolTip_EzGrid
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}
  
.RadGrid_EzGrid .rgHeader:first-child, .RadGrid_EzGrid th.rgResizeCol:first-child, .RadGrid_EzGrid .rgFilterRow > td:first-child, .RadGrid_EzGrid .rgRow > td:first-child, .RadGrid_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 0;
    padding-left: 8px;
}
  
.RadGrid_EzGrid .rgAdd, .RadGrid_EzGrid .rgRefresh, .RadGrid_EzGrid .rgEdit, .RadGrid_EzGrid .rgDel, .RadGrid_EzGrid .rgFilter, .RadGrid_EzGrid .rgPagePrev, .RadGrid_EzGrid .rgPageNext, .RadGrid_EzGrid .rgPageFirst, .RadGrid_EzGrid .rgPageLast, .RadGrid_EzGrid .rgExpand, .RadGrid_EzGrid .rgCollapse, .RadGrid_EzGrid .rgSortAsc, .RadGrid_EzGrid .rgSortDesc, .RadGrid_EzGrid .rgUpdate, .RadGrid_EzGrid .rgCancel, .RadGrid_EzGrid .rgUngroup, .RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/sprite.gif');
}
  
/*header*/
  
.RadGrid_EzGrid .rgHeaderDiv
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid th.rgResizeCol
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    border-left: 1px solid #9e9e9e;
    background: #e4e4e4;
    text-decoration:underline;
      
}
  
.RadGrid_EzGrid th.rgSorted
{
    background-color: #fffaeb;
}
  
.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid .rgHeader a
{
    color: #000;
}
  
.RadGrid_EzGrid th.rgSorted, .RadGrid_EzGrid th.rgSorted a
{
    /*color:#892500;*/
}
  
/*rows*/
  
.RadGrid_EzGrid .rgRow td, .RadGrid_EzGrid .rgAltRow td, .RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgFooter td
{
    border-style: solid;
    border-width: 0 0 1px 1px;
}
  
.RadGrid_EzGrid .rgRow td
{
    border-color: #fff #c3c3c3;
}
  
.RadGrid_EzGrid .rgAltRow
{
    background: #ededed;
}
  
.RadGrid_EzGrid .rgAltRow td
{
    border-color: #ededed #c3c3c3;
}
  
.RadGrid_EzGrid .rgRow .rgSorted
{
    border-bottom-color: #fffaeb;
    background-color: #fffaeb;
}
  
.RadGrid_EzGrid .rgAltRow .rgSorted
{
    border-bottom-color: #f1ecdd;
    background-color: #f1ecdd;
}
  
.RadGrid_EzGrid .rgSelectedRow .rgSorted, .RadGrid_EzGrid .rgActiveRow .rgSorted, .RadGrid_EzGrid .rgHoveredRow .rgSorted, .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: transparent;
}
  
.RadGrid_EzGrid .rgRow a, .RadGrid_EzGrid .rgAltRow a, .RadGrid_EzGrid tr.rgEditRow a, .RadGrid_EzGrid .rgFooter a, .RadGrid_EzGrid .rgEditForm a
{
    color: #000099;
    text-decoration: underline;
}
  
/*.RadGrid_EzGrid .rgSelectedRow
{
    background:#ffa517;
    color:#892500;
}*/
* + html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}
* html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}
  
.RadGrid_EzGrid .rgSelectedRow a, .RadGrid_EzGrid .rgHoveredRow a, .RadGrid_EzGrid .rgActiveRow a
{
    color: #000099;
    text-decoration: underline;
}
  
.RadGrid_EzGrid .rgActiveRow, .RadGrid_EzGrid .rgHoveredRow
{
    /*background:#ffe79c 0 -2900px repeat-x url('Grid/sprite.gif');     color:#892500;*/
}
* + html .RadGrid_EzGrid .rgActiveRow .rgSorted, * + html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;
  
}
* html .RadGrid_EzGrid .rgActiveRow .rgSorted, * html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;
}
  
.RadGrid_EzGrid .rgEditRow
{
    background: #fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
* + html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}
* html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}
  
.RadGrid_EzGrid .rgSelectedRow td, .RadGrid_EzGrid .rgSelectedRow td.rgSorted
{
    /*border-color:#ca4b0c #ffa517;*/
    border-bottom-color: #459e1d;
}
  
.RadGrid_EzGrid .rgActiveRow td, .RadGrid_EzGrid .rgActiveRow td.rgSorted, .RadGrid_EzGrid .rgHoveredRow td, .RadGrid_EzGrid .rgHoveredRow td.rgSorted
{
    /*border-color: #c98400 #ffe79c;*/
    border-color:#80C949;
}
  
.RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgEditRow td.rgSorted
{
    border-color: #616161 #c3c3c3;
}
  
.RadGrid_EzGrid .rgDrag
{
    background-image: url('Grid/rgDrag.gif');
}
  
/*footer*/
  
.RadGrid_EzGrid .rgFooterDiv, .RadGrid_EzGrid .rgFooter
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgFooter td
{
    border-top: 1px solid;
    border-color: #999 #c3c3c3;
}
  
/*status*/
  
.RadGrid_EzGrid .rgPager .rgStatus
{
    border: 1px solid;
    border-color: #999 #999 #e4e4e4 #e4e4e4;
    border-left: 0;
}
  
.RadGrid_EzGrid .rgStatus div
{
    background-image: url('Common/loading_small.gif');
}
  
/*pager*/
  
.RadGrid_EzGrid .rgPager
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid td.rgPagerCell
{
    border: 1px solid;
    border-color: #999 #e4e4e4 #e4e4e4;
    border-right: 0px;
}
  
.RadGrid_EzGrid .rgInfoPart
{
    color: #777;
}
  
.RadGrid_EzGrid .rgInfoPart strong
{
    color: #4c4e54;
}
  
.RadGrid_EzGrid .rgPageFirst
{
    background-position: 0 -550px;
}
.RadGrid_EzGrid .rgPageFirst:hover
{
    background-position: 0 -600px;
}
.RadGrid_EzGrid .rgPagePrev
{
    background-position: 0 -700px;
}
.RadGrid_EzGrid .rgPagePrev:hover
{
    background-position: 0 -750px;
}
.RadGrid_EzGrid .rgPageNext
{
    background-position: 0 -850px;
}
.RadGrid_EzGrid .rgPageNext:hover
{
    background-position: 0 -900px;
}
.RadGrid_EzGrid .rgPageLast
{
    background-position: 0 -1000px;
}
.RadGrid_EzGrid .rgPageLast:hover
{
    background-position: 0 -1050px;
}
  
.RadGrid_EzGrid .rgPager .rgPagerButton
{
    border-color: #7e7e7e;
    background: #c6c6c6;
    color: #000;
    font: 12px/12px "segoe ui" ,arial,sans-serif;
}
  
.RadGrid_EzGrid .rgNumPart a
{
    border: 1px solid #e4e4e4;
    line-height: 20px;
    color: #000;
}
  
.RadGrid_EzGrid .rgNumPart a:hover
{
    border-color: #333333;
    background:#80C949;
    color: #000000;
}
  
.RadGrid_EzGrid .rgNumPart a.rgCurrentPage, .RadGrid_EzGrid .rgNumPart a.rgCurrentPage:hover
{
    border-color: #333333;
    /*background: transparent;*/
    background: #80C949;
    color: #000000;
}
  
/*sorting, reordering*/
  
.RadGrid_EzGrid .rgHeader .rgSortAsc
{
    background-position: 3px -248px;
    height: 10px;
}
  
.RadGrid_EzGrid .rgHeader .rgSortDesc
{
    background-position: 3px -198px;
    height: 10px;
}
  
.GridReorderTop_EzGrid, .GridReorderBottom_EzGrid
{
    background: 0 0 no-repeat url('Grid/sprite.gif');
}
  
.GridReorderBottom_EzGrid
{
    background-position: 0 -50px;
}
  
/*filtering*/
  
.RadGrid_EzGrid .rgFilterRow
{
    background: #e4e4e4;
}
  
.RadGrid_EzGrid .rgFilterRow td
{
    border-bottom: 1px solid #999;
    border-left: 1px solid #e4e4e4;
}
  
.RadGrid_EzGrid .rgFilter
{
    background-position: 0 -300px;
}
  
.RadGrid_EzGrid .rgFilter:hover
{
    background-position: 0 -350px;
}
  
.RadGrid_EzGrid .rgFilterActive, .RadGrid_EzGrid .rgFilterActive:hover
{
    background-position: 0 -400px;
}
  
.RadGrid_EzGrid .rgFilterBox
{
    border-color: #616161;
    font: 12px "segoe ui" ,arial,sans-serif;
    color: #000;
}
  
  
/*context menu*/
  
.GridContextMenu_Default .rmLeftImage
{
    background-image: url('../Common/Grid/contextMenu.gif');
}
  
.GridContextMenu_Default .rgHCMSortAsc .rmLeftImage
{
    background-position: 0 0;
}
  
.GridContextMenu_Default .rgHCMSortDesc .rmLeftImage
{
    background-position: 0 -40px;
}
  
.GridContextMenu_Default .rgHCMUnsort .rmLeftImage
{
    background-position: 0 -80px;
}
  
.GridContextMenu_Default .rgHCMGroup .rmLeftImage
{
    background-position: 0 -120px;
}
  
.GridContextMenu_Default .rgHCMUngroup .rmLeftImage
{
    background-position: 0 -160px;
}
  
.GridContextMenu_Default .rgHCMCols .rmLeftImage
{
    background-position: 0 -200px;
}
  
.GridContextMenu_Default .rgHCMFilter .rmLeftImage
{
    background-position: 0 -240px;
}
  
.GridContextMenu_Default .rgHCMUnfilter .rmLeftImage
{
    background-position: 0 -280px;
}
  
/*filter context menu*/
  
.RadMenu_EzGrid .rgHCMClear, .RadMenu_EzGrid .rgHCMFilter
{
    border-color: #898772 /*#7e7e7e*/;
    background: #dfe1ca;
    color: #000;
    font-family: "segoe ui" ,arial,sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
  
.RadMenu_EzGrid .rgHCMClear:hover, .RadMenu_EzGrid .rgHCMFilter:hover
{
    border-color: #74ca53 #5cb83a #42a31d;
    background-color: #dbf4c7;
    color: #279500;
}
  
/*grouping*/
  
.RadGrid_EzGrid .rgGroupPanel
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    background: #c6c6c6;
}
  
.RadGrid_EzGrid .rgGroupPanel td
{
    border: 0;
    padding: 3px 4px;
}
  
.RadGrid_EzGrid .rgGroupPanel td td
{
    padding: 0;
}
  
.RadGrid_EzGrid .rgGroupPanel .rgSortAsc
{
    background-position: 4px -144px;
}
  
.RadGrid_EzGrid .rgGroupPanel .rgSortDesc
{
    background-position: 4px -94px;
}
  
.RadGrid_EzGrid .rgUngroup
{
    background-position: 0 -6999px;
}
  
.RadGrid_EzGrid .rgGroupItem
{
    border: 1px solid #7e7e7e;
    background: #c6c6c6;
}
  
.RadGrid_EzGrid .rgMasterTable td.rgGroupCol, .RadGrid_EzGrid .rgMasterTable td.rgExpandCol
{
    border-color: #c9c9c9;
    background: #c9c9c9 none;
}
  
.RadGrid_EzGrid .rgGroupHeader
{
    background: #c9c9c9;
    font-size: 1.1em;
    line-height: 22px;
    color: #000;
}
  
.RadGrid_EzGrid .rgGroupHeader td
{
    padding-left: 8px;
    padding-bottom: 2px;
}
  
.RadGrid_EzGrid .rgExpand
{
    background-position: 5px -496px;
}
  
.RadGrid_EzGrid .rgCollapse
{
    background-position: 3px -444px;
}
  
/*editing*/
  
.RadGrid_EzGrid .rgEditForm
{
    border-bottom: 1px solid #999;
}
  
.RadGrid_EzGrid .rgUpdate
{
    background-position: 0 -1800px;
}
  
.RadGrid_EzGrid .rgCancel
{
    background-position: 0 -1850px;
}
  
/*hierarchy*/
  
.RadGrid_EzGrid .rgDetailTable
{
    border-color: #999;
}
  
/*command row*/
  
.RadGrid_EzGrid .rgCommandRow
{
    background: #c6c6c6;
    color: #000;
    height: 36px;
}
  
.RadGrid_EzGrid .rgCommandCell
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    padding: 0;
}
  
.RadGrid_EzGrid tfoot .rgCommandCell, .RadGrid_EzGrid .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell
{
    border-top: 1px solid #7c7c7c;
    border-bottom: 0;
}
  
.RadGrid_EzGrid .rgCommandTable td
{
    border: 0;
    padding: 2px 7px;
}
  
.RadGrid_EzGrid .rgCommandTable a
{
font-weight:bold;
font-size:14px;
      
}
  
.RadGrid_EzGrid .rgCommandTable
{
    border: 0;
}
  
.RadGrid_EzGrid .rgCommandRow a
{
    color: #000;
    text-decoration: none;
}
  
.RadGrid_EzGrid .rgAdd
{
    margin-right: 3px;
    background-position: 0 -1650px;
    background: 0 0 no-repeat url('Grid/add_icon.jpg');
}
  
.RadGrid_EzGrid .rgRefresh
{
    margin-right: 3px;
    background-position: 0 -1600px;
    background: 0 0 no-repeat url('Grid/refresh_icon.jpg');
}
  
.RadGrid_EzGrid .rgEdit
{
    background-position: 0 -1700px;
}
  
.RadGrid_EzGrid .rgDel
{
    background-position: 0 -1750px;
}
  
.RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/export.gif');
}
  
.RadGrid_EzGrid .rgExpXLS
{
    background-position: 0 0;
}
.RadGrid_EzGrid .rgExpDOC
{
    background-position: 0 -50px;
}
.RadGrid_EzGrid .rgExpPDF
{
    background-position: 0 -100px;
}
.RadGrid_EzGrid .rgExpCSV
{
    background-position: 0 -150px;
}
  
/*multirow select*/
  
.GridRowSelector_EzGrid
{
    background: #4c4e54;
}
  
/*row drag n drop*/
  
.GridItemDropIndicator_EzGrid
{
    border-top: 1px dashed #666;
}
  
/*tooltip*/
  
.GridToolTip_EzGrid
{
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}
  
/*rtl*/
  
.RadGridRTL_EzGrid .rgHeader:first-child, .RadGridRTL_EzGrid th.rgResizeCol:first-child, .RadGridRTL_EzGrid .rgFilterRow > td:first-child, .RadGridRTL_EzGrid .rgRow > td:first-child, .RadGridRTL_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 1px;
    padding-left: 7px;
    text-decoration:underline;
}
  
.RadGridRTL_EzGrid .rgPageFirst
{
    background-position: 0 -1000px;
}
.RadGridRTL_EzGrid .rgPageFirst:hover
{
    background-position: 0 -1050px;
}
.RadGridRTL_EzGrid .rgPagePrev
{
    background-position: 0 -850px;
}
.RadGridRTL_EzGrid .rgPagePrev:hover
{
    background-position: 0 -900px;
}
.RadGridRTL_EzGrid .rgPageNext
{
    background-position: 0 -700px;
}
.RadGridRTL_EzGrid .rgPageNext:hover
{
    background-position: 0 -750px;
}
.RadGridRTL_EzGrid .rgPageLast
{
    background-position: 0 -550px;
}
.RadGridRTL_EzGrid .rgPageLast:hover
{
    background-position: 0 -600px;
}
  
  
  
  
  
  
  
  
  
DIV.RadGrid_EzGrid .rgCommandCell
{
    /*BACKGROUND-IMAGE: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Grid&skin=EzGrid&file=right_top.jpg&t=1889871502');   LINE-HEIGHT: 20px;  PADDING-RIGHT: 27px;     font-weight: bold; */
}
  
DIV.RadGrid_EzGrid
{
    border-right-color: #EEEEEE;
    border-left-color: #EEEEEE;
    border-top: #999999 0px solid;
}
  
DIV.RadGrid_EzGrid TH.rgResizeCol
{
    padding-bottom: 12px;
    background-color: #808080;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
}
  
DIV.RadGrid_EzGrid .rgHeader
{
    padding-bottom: 5px;
    background-color: #666666;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
    border-bottom-color: #4eb106;
    border-bottom-width: 5px;
}
  
DIV.RadGrid_EzGrid .rgRow
{
    line-height: 16px;
    background-color: #FFFFFF;
    color: #555555;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgRow TD
{
    line-height: 16px;
    background-color: #FFFFFF;
}
  
DIV.RadGrid_EzGrid .rgAltRow TD
{
    line-height: 16px;
    background-color: #E8E8E8;
}
DIV..RadGrid_EzGrid .rgSelectedRow
{
    /*background-color: #d6faba;*/
    background-color: #80C949;
}
DIV.RadGrid_EzGrid .rgSelectedRow TD
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #000000;
}
  
  
DIV.RadGrid_EzGrid .rgCommandRow
{
    line-height: 13px;
    background-color: transparent;
    background-image: url('TabStrip/tab1.png');
    background-position: 0px 0px;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
}
DIV.RadGrid_EzGrid .rgCommandCell
{
    background-image: none;
    border-top-color: #00A1D6;
    font-size: 12px;
    font-weight: bold;
    padding-right: 27px;
}
  
  
DIV.RadGrid_EzGrid TR.rgSelectedRow
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #555555;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgAltRow
{
    line-height: 16px;
    background-color: #E8E8E8;
    color: #555555;
    font-size: 12px;
}
  
  
  
DIV.RadGrid_EzGrid .rgHeader
{
    /*FONT-WEIGHT: bold;    font-size:smaller;*/
}
  
DIV.RadGrid_EzGrid .rgHeader A
{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
}
  
DIV.RadGrid_EzGrid .rgFilterBox
{
    width: 40px;
}
/* DIV..RadGrid_EzGrid .rgHoveredRow td
 {
    BACKGROUND-COLOR: #d6faba;
 }*/
.imgEdit
{
    background: transparent;
}
  
.RadGrid_EzUR .SelectedRow
{
    background-color: #4EB106;
}
  
DIV.RadGrid_EzUR .rgCommandRow
{
    font-size: 14px;
    font-weight: bold;
}
  
DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
}
  
DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}
  
DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}


Here is CSS for combox
/* RadComboBox Default skin */
  
/*global*/
  
.RadComboBox_EzGrid,
.RadComboBox_EzGrid .rcbInput,
.RadComboBoxDropDown_EzGrid
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #333;
}
  
/* combobox */
  
.RadComboBox_EzGrid .rcbInputCellLeft,
.RadComboBox_EzGrid .rcbInputCellRight,
.RadComboBox_EzGrid .rcbArrowCellLeft,
.RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
  
* html .RadComboBox_EzGrid .rcbInputCellLeft,
* html .RadComboBox_EzGrid .rcbInputCellRight,
* html .RadComboBox_EzGrid .rcbArrowCellLeft,
* html .RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
  
.RadComboBox_EzGrid td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid td.rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
  
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
  
.RadComboBox_EzGrid .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
  
.RadComboBox_EzGrid .rcbHovered .rcbInputCell .rcbInput
{
    color: #000;
}
  
.RadComboBox_EzGrid td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid td.rcbArrowCellRight { background-position: 0 -88px; }
  
.RadComboBox_EzGrid .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
  
.RadComboBox_EzGrid td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
  
.RadComboBox_EzGrid_rtl td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbFocused td.rcbArrowCellHidden { background-position: -18px -88px; }
  
/* Read-only styles */
  
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
  
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
  
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
  
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
  
.RadComboBox_EzGrid_rtl .rcbReadOnly td.rcbArrowCellHidden { background-position: -18px -88px; }
.RadComboBox_EzGrid_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -54px -88px; }
.RadComboBox_EzGrid_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -90px -88px; }
  
/* dropdown */
  
.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter,
.RadComboBoxDropDown_EzGrid .rcbMoreResults,
.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
  
* html .RadComboBoxDropDown_EzGrid .rcbHeader,
* html .RadComboBoxDropDown_EzGrid .rcbFooter,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
  
.RadComboBoxDropDown_EzGrid
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
  
.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
  
.RadComboBoxDropDown_EzGrid .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
  
.RadComboBoxDropDown_EzGrid .rcbFooter
{
    border-top-color: #d5d5d5;
}
  
.RadComboBoxDropDown_EzGrid .rcbItem em
{
    background: #e5e5e5;
}
  
.RadComboBoxDropDown_EzGrid .rcbHovered
{
    background: #dfdfdf;
    color: #000;
}
  
.RadComboBoxDropDown_EzGrid .rcbSeparator
{
    color: #fff;
    background: #8a8a8a;
}
  
.RadComboBox_EzGrid .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_EzGrid .rcbDisabled
{
    color: #999;
}
  
.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_EzGrid table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
.RadComboBox_EzGrid_rtl table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -126px -88px; }
  
.RadComboBoxDropDown_EzGrid .rcbLoading
{
    background:  #f0f0f0;
}
  
.RadComboBoxDropDown_EzGrid .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background-position: 0 -132px;
    background-color: #e6e6e6;
    color: #8a8a8a;
}
  
.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-position: -157px -94px;
}
  
  
  
 DIV.RadComboBox_EzGrid .rcbHovered .rcbInputCell {
  
    BACKGROUND-COLOR: #888888;
  
}
Grid
Galin
Telerik team
 answered on 23 Dec 2011
3 answers
188 views
No Div with Display:Block around Buttons configured as ToogleButtons (Radio)
I have three Buttons within the same Group (GroupName) as type "StandardButton" with ToogleType="Radio"

Each of them gets enclosed with a Div element that have style="display:block;" so the buttons are listed unter each other.

This is the Code:

<telerik:RadButton ID="btnAbsolut" runat="server" Checked="true"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Absolute Werte" Skin="Rausch" ToolTip="Anzeige als Absolute Werte"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>
<telerik:RadButton ID="btnAbweichung" runat="server"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Abweichung" Skin="Rausch" ToolTip="Anzeige als Abweichung"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>
<telerik:RadButton ID="btnProzent" runat="server"
    ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue"
    Text="Abweichung in %" Skin="Rausch" ToolTip="Anzeige als Abweichung in Prozent"
    EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged">
</telerik:RadButton>

and this this the rendered result:

<div style="display: block;" id="btnAbsolutPanel">
    <a style="width: 60px; display: inline-block;" id="btnAbsolut" class="RadButton RadButton_Rausch rbSkinnedButton rbSkinnedButtonChecked" title="Anzeige als Absolute Werte" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbsolut_input" class="rbDecorated" tabIndex="-1" name="btnAbsolut" value="Absolute Werte" type="submit"><input id="btnAbsolut_ClientState" name="btnAbsolut_ClientState" type="hidden" autocomplete="off"></a>
</div>
<div style="display: block;" id="btnAbweichungPanel">
    <a style="width: 60px; display: inline-block;" id="btnAbweichung" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbweichung_input" class="rbDecorated" tabIndex="-1" name="btnAbweichung" value="Abweichung" type="submit"><input id="btnAbweichung_ClientState" name="btnAbweichung_ClientState" type="hidden" autocomplete="off"></a>
</div>
<div style="display: block;" id="btnProzentPanel">
    <a style="width: 60px; display: inline-block;" id="btnProzent" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung in Prozent" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnProzent_input" class="rbDecorated" tabIndex="-1" name="btnProzent" value="Abweichung in %" type="submit"><input id="btnProzent_ClientState" name="btnProzent_ClientState" type="hidden" autocomplete="off"></a>
</div>

Maybe I'm to stupid, but how can I disable this.

BTW, I'm using 2011 Q3 Release of the Telerik Controls
Button
Mark
Top achievements
Rank 1
 answered on 23 Dec 2011
1 answer
113 views
Transferring from unbound to bound results in blank items
I'm attempting to transfer items from an unbound listbox (populated at runtime) to a bound listbox (populated with a SQL data source) and the items transfer, but are blank.  Any samples out there that I can look at to get this working? 
ListBox
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
0 answers
99 views
How to select a node in radfilexplorer 's treeview section on context menu showing?
Hi,

I have separate context menu for root and sub folders in treeview section in radfileexplorer. The context menu is appearing on focusing on folders.I need to make selection a folder(as active selected folder) when focusing on that to avoid confusion in context menu.How is this possible?.Please reply me with exact code.

Regards,
Praveen.
FileExplorer
Praveen
Top achievements
Rank 1
 asked on 23 Dec 2011
1 answer
180 views
Show Total amount for RadGrid when clicking CheckBox
How to Display total amount as Label when selecting the check-boxes in the Telerik Rad Grid.  

For example: I have three columns in the grid (Code, Description, Amount) one more column for Check box in each row. By selecting check box the total amount should display as label dynamically. If selects all then display total amount.



Thank you,
 
General Discussions
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
1 answer
111 views
FileUpload control on radgrid
Hi,

I want fileupload on my radgrid. If I click on button on my page it should loop through the radgrid and fetch the filepath from fileupload for the selected file.


How can  I do this?

Any sample code would be appreciated.

Thanks,
Pavan
General Discussions
Shinu
Top achievements
Rank 2
 answered on 23 Dec 2011
1 answer
219 views
Flickering of Telerik RAD Grid with Edit Template
Hi Telerik,
         We are facing UI related issue in Radgrid with Edit Template, When we are scrolling down the List box in edit Template is get flickered.
Pleas efind tghe below UI for reference. Please reply ASAP as it is urgent.

 

<table border="0" cellpadding="0" cellspacing="0" align="left" style="width: 1024px; table-layout:fixed; ">

 

 

<tr>

 

 

<td>

 

 

 

<telerik:RadGrid ID="dgrAltDisposition" HeaderStyle-Font-Underline="true" Width="1024px"

 

 

AutoGenerateColumns="False" OnNeedDataSource="dgrAltDisposition_NeedDataSource"

 

 

AllowFilteringByColumn="false" AllowSorting="false" AllowMultiRowSelection="false"

 

 

runat="server" MasterTableView-CommandItemSettings-ShowRefreshButton="true" HeaderStyle-HorizontalAlign="Center"

 

 

HeaderStyle-VerticalAlign="Top" ItemStyle-HorizontalAlign="Center" BackColor="#EFF7FF"

 

 

Skin="Office2007" ShowGroupPanel="false" GridLines="None" AllowAutomaticInserts="false"

 

 

AllowAutomaticUpdates="false" AllowCustomPaging="false" AllowAutomaticDeletes="false"

 

 

EnableAJAXLoadingTemplate="true" EnableAJAX="true" OnItemDataBound="dgrAltDisposition_ItemDataBound"

 

 

OnDeleteCommand="dgrAltDisposition_DeleteCommand" OnInsertCommand="dgrAltDisposition_InsertCommand"

 

 

OnUpdateCommand="dgrAltDisposition_UpdateCommand">

 

 

<ItemStyle HorizontalAlign="Center" />

 

<%

-- <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Office2007">

 

</HeaderContextMenu>--

 

%>

 

 

<AlternatingItemStyle HorizontalAlign="Left" />

 

 

<HeaderStyle Font-Underline="True" HorizontalAlign="Center" VerticalAlign="Top" />

 

 

<GroupingSettings CaseSensitive="false" />

 

 

<FilterMenu EnableImageSprites="False">

 

 

</FilterMenu>

 

 

<MasterTableView DataKeyNames="CAF_AFF_AIR_ALTER_DISP_ID" CommandItemDisplay="Top"

 

 

Name="MTV_AltDisposition" AllowMultiColumnSorting="true" HorizontalAlign="NotSet"

 

 

Width="1024px" CommandItemSettings-ShowRefreshButton="false" AutoGenerateColumns="False"

 

 

ShowFooter="false" GridLines="Both" GroupLoadMode="Client" TableLayout="Fixed"

 

 

ShowHeader="true" InsertItemPageIndexAction="ShowItemOnFirstPage" AlternatingItemStyle-BorderStyle="None">

 

 

<NoRecordsTemplate>

 

 

<center>

 

 

<span class="clsTableCellCenter"><b>Sorry,there is no matching data available for display.</b></span>

 

 

</center>

 

 

</NoRecordsTemplate>

 

 

<CommandItemSettings AddNewRecordText="Add Alternate Disposition" />

 

 

<ItemStyle HorizontalAlign="Left" Font-Size="8pt" ForeColor="Black" Font-Names="Arial"

 

 

VerticalAlign="Middle" />

 

 

<AlternatingItemStyle BorderStyle="None" />

 

 

<HeaderStyle HorizontalAlign="Center" Font-Size="8pt" />

 

 

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

 

 

</RowIndicatorColumn>

 

 

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

 

 

</ExpandCollapseColumn>

 

 

<Columns>

 

 

<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" UniqueName="EditCommandColumn"

 

 

HeaderText="" HeaderStyle-HorizontalAlign="Center">

 

 

<HeaderStyle HorizontalAlign="Center" Width="30px" />

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Center" ForeColor="Blue" />

 

 

</telerik:GridEditCommandColumn>

 

 

<telerik:GridBoundColumn UniqueName="Alternate_Disposition_ID" HeaderText="Alternate Disposition ID"

 

 

DataField="CAF_AFF_AIR_ALTER_DISP_ID" SortExpression="CAF_AFF_AIR_ALTER_DISP_ID"

 

 

Visible="false" HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

 

 

ItemStyle-HorizontalAlign="Left">

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" />

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn UniqueName="Affected_AirplaneList" HeaderText="Affected on Airplane(s)"

 

 

DataField="AFFECTED_AIRPLANELIST" SortExpression="AFFECTED_AIRPLANELIST" Visible="true"

 

 

HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

 

 

ItemStyle-HorizontalAlign="Left">

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridTemplateColumn UniqueName="reason_for_alter_dispo" HeaderText="Reason for Alternate Disposition"

 

 

DataField="REASON_FOR_ALTER_DISPO_1" SortExpression="REASON_FOR_ALTER_DISPO_1"

 

 

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

 

 

<ItemTemplate>

 

 

<table border="0" style="border-style: none;">

 

 

<tr>

 

 

<td style="border-style: none; font-size: 8pt;" align="left">

 

 

<asp:Label runat="server" ID="lblReason_for_Alternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2"))%>'></asp:Label>

 

 

</td>

 

 

<td style="border-style: none; text-align: right;" align="right">

 

 

<asp:ImageButton ID="ibtnReason_for_Alternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'reason_for_alter_dispo')"

 

 

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnReason_for_Alternate_Disposition"

 

 

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridTemplateColumn>

 

 

<telerik:GridTemplateColumn UniqueName="alter_dispo_1" HeaderText="Alternate Disposition"

 

 

DataField="ALTER_DISPO_1" SortExpression="ALTER_DISPO_1" Visible="true" HeaderStyle-HorizontalAlign="Center"

 

 

ItemStyle-HorizontalAlign="Left">

 

 

<ItemTemplate>

 

 

<table border="0" style="border-style: none;">

 

 

<tr>

 

 

<td style="border-style: none; font-size: 8pt;" align="left">

 

 

<asp:Label runat="server" ID="lblAlternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2"))%>'></asp:Label>

 

 

</td>

 

 

<td style="border-style: none; text-align: right;" align="right">

 

 

<asp:ImageButton ID="ibtnAlternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'alter_dispo_1')"

 

 

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnAlternate_Disposition"

 

 

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridTemplateColumn>

 

 

<telerik:GridTemplateColumn UniqueName="" HeaderText="Attachments" DataField="" SortExpression=""

 

 

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

 

 

<ItemTemplate>

 

 

<table border="0" style="border-style: none;">

 

 

<tr>

 

 

<td style="border-style: none; font-size: 8pt;" align="left">

 

 

<asp:Label runat="server" ID="lblAttachments" Text="Attachments" ForeColor="Black"></asp:Label><asp:HyperLink

 

 

runat="server" ID="hplAttachments" Text="Attachments" Style="cursor: hand;"></asp:HyperLink><asp:HiddenField

 

 

ID="hdnAttachmentCount" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" ForeColor="Blue" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridTemplateColumn>

 

 

<telerik:GridTemplateColumn UniqueName="Group_Name" HeaderText="Responsible Group"

 

 

DataField="GROUP_NAME" SortExpression="GROUP_NAME" Visible="true" HeaderStyle-HorizontalAlign="Center"

 

 

ItemStyle-HorizontalAlign="Left">

 

 

<ItemTemplate>

 

 

<table border="0" style="border-style: none;">

 

 

<tr>

 

 

<td style="border-style: none; font-size: 8pt;" align="left">

 

 

<asp:Label runat="server" ID="lblResponsible_Group" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "GROUP_NAME"))%>'></asp:Label>

 

 

</td>

 

 

<td style="border-style: none; text-align: right;" align="right">

 

 

<asp:ImageButton ID="ibtnResponsible_Group" runat="server" OnClientClick="javascript:fnExpandW(this,'Group_Name')"

 

 

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnResponsible_Group"

 

 

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "GROUP_NAME")%>' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridTemplateColumn>

 

 

<telerik:GridTemplateColumn UniqueName="Created_By" HeaderText="Created By" DataField="CREATED_BY"

 

 

SortExpression="CREATED_BY" Visible="true" HeaderStyle-HorizontalAlign="Center"

 

 

ItemStyle-HorizontalAlign="Left">

 

 

<ItemTemplate>

 

 

<table border="0" style="border-style: none;">

 

 

<tr>

 

 

<td style="border-style: none; font-size: 8pt;" align="left">

 

 

<asp:Label runat="server" ID="lblCreated_By" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "CREATED_BY"))%>'></asp:Label>

 

 

</td>

 

 

<td style="border-style: none; text-align: right;" align="right">

 

 

<asp:ImageButton ID="ibtnCreated_By" runat="server" OnClientClick="javascript:fnExpandW(this,'Created_By')"

 

 

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnCreated_By"

 

 

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "CREATED_BY")%>' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" Width="50px" />

 

 

<HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Underline="false" Width="50px" />

 

 

</telerik:GridTemplateColumn>

 

 

<telerik:GridButtonColumn ButtonType="LinkButton" ItemStyle-Font-Size="8pt" Text="Remove"

 

 

UniqueName="Remove" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"

 

 

CommandName="Delete">

 

 

<HeaderStyle HorizontalAlign="Center" Width="50px" />

 

 

<ItemStyle Font-Size="8pt" HorizontalAlign="Left" ForeColor="Blue" Width="50px" />

 

 

</telerik:GridButtonColumn>

 

 

</Columns>

 

 

<EditFormSettings EditFormType="Template">

 

 

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">

 

 

</EditColumn>

 

 

<FormTemplate>

 

 

<table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" style="table-layout:fixed;">

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="subTitle" align="left">

 

Reason for Alternate Disposition

<span class="reqField">*</span>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="tblText" align="left">

 

 

<telerik:RadEditor ID="rdReasonAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>'

 

 

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

 

 

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

 

 

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

 

 

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

 

 

</telerik:RadEditor>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="subTitle" align="left">

 

AlternateDisposition

<span class="reqField">*</span>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td align="left">

 

 

<telerik:RadEditor ID="rdAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>'

 

 

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

 

 

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

 

 

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

 

 

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

 

 

</telerik:RadEditor>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<table width="100%" id="tblUpload" runat="server" border="0" cellpadding="2" cellspacing="0" style="padding-top:5px;"

 

 

align="left">

 

 

<tr>

 

 

<td width="15%" class="subTitle" style="height: 100px;" align="left">

 

Upload Attachment

 

</td>

 

 

<td width="15%" style="height: 100px; vertical-align:top;" align="left">

 

 

<div style="overflow-y: auto; overflow-x: hidden; height: 90px; vertical-align:top; padding-top:5px;">

 

 

<telerik:RadAsyncUpload ID="RadAsynUploadAttachment" runat="server" MultipleFileSelection="Automatic"

 

 

EnableEmbeddedScripts="true" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" Skin="WebBlue"

 

 

TemporaryFolder="upload" AllowedFileExtensions=".jpg,.jpeg,.png,.tif">

 

 

</telerik:RadAsyncUpload>

 

 

<asp:HiddenField ID="hdnAttachmentCountEdit" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

 

 

</div>

 

 

</td>

 

 

<td class="subTitle" width="15%" align="center">

 

Alternate Disposition

<br />

 

Affected on Airplane(s)

<span class="reqField">*</span><br />

 

 

<br />

 

 

<span class="subtext">Ctrl Click to Multi Select</span>

 

 

</td>

 

 

<td class="tblText" style="height: 100px; vertical-align: bottom;" width="20%" align="left">

 

 

 

<asp:ListBox runat="server" ID="lbAffAirplaneList" Rows="5"

 

 

SelectionMode="Multiple" Visible="true"></asp:ListBox>

 

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="tblText" align="left">

 

 

<asp:LinkButton ID="lnkUpdate" runat="server" CommandArgument='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

 

 

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'

 

 

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'>

 

 

 

</asp:LinkButton>&#160;&#160;

 

 

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel"

 

 

Text="Cancel"></asp:LinkButton>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</FormTemplate>

 

 

</EditFormSettings>

 

 

</MasterTableView><ValidationSettings CommandsToValidate="PerformInsert,Update" />

 

 

<ClientSettings AllowGroupExpandCollapse="false" ReorderColumnsOnClient="true" AllowColumnsReorder="false">

 

 

<Selecting AllowRowSelect="false" />

 

 

<ClientEvents OnGridCreated="GridCreated" />

 

 

<Resizing AllowColumnResize="false" AllowResizeToFit="true" />

 

 

<Scrolling AllowScroll="True" FrozenColumnsCount="0" ScrollHeight="180px" UseStaticHeaders="true"

 

 

SaveScrollPosition="true" />

 

 

</ClientSettings>

 

 

</telerik:RadGrid>

 

 

 

</td>

 

 

</tr>

 

 

</table>

 

Grid
Shinu
Top achievements
Rank 2
 answered on 23 Dec 2011
1 answer
169 views
check if RadWindowManager exists
Is there a server-side way to determine if a RadWindowManager (name instance or generic) exists on a page?
Window
Princy
Top achievements
Rank 2
 answered on 23 Dec 2011
1 answer
82 views
SERVER SIDE COULD READ ALL ROW?
I WANT TO KNOW IF CAN READ ALL ROWS IN THE SERVER SIDE

 ITEM[0].CELL.TEXT  ? 

PLEASE
THANKS
Grid
Shinu
Top achievements
Rank 2
 answered on 23 Dec 2011
6 answers
299 views
[Solved] RadGrid a Button and AJAX
I have a RadGrid that is read-only. User clicks a "Create" button and it creates a new record to the grid with some default values already in place. I placed a ajaxManager and a ajaxPanel on the page. The manager points to the button as initiating the request and the grid as being updated by the request from the button. The button has "onClick=" to the server-side click event which adds a record for the grid. But this is not being hit first. Instead "NeedDataSource" of the grid then the "_Click" event (which has the rebind in it too), lastly the "PreRender" of the grid. Sadly the grid does not reflect the added record. It does pick up the last one when I click the "Create" again, due to the rebind grabbing the previous addition the the table.

How can I avoid this? Why is the "NeedDataSource" being hit first before the actual button whom requested the call?

Thanks
SDI
Ajax
SDI
Top achievements
Rank 1
 answered on 23 Dec 2011
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
Licensing
Chat
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
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
4569 4570
4571
4572 4573
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how