Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
243 views
Hi,

I have a Radgrid in one of webpage. I am having following two design problems:
1. GridCheckBoxColumn is one of the column in grid. The GridCheckBoxColumn not showing chebox image in the grid column.
2. Grid has CommandItemTemplate (Save) for  batch update. The Save button is not showing as regular button rather it is showing as label.

I am attaching screenshot of page and RadGrid.css file.
 Please someone help me.  I am guessing my css was messed up.

.DetailTable_TelerikDataGridB  
{  
    BORDER-RIGHT: #6788be 1px solid;  
    BORDER-TOP: #6788be 1px solid;  
    BORDER-LEFT: #6788be 1px solid;  
    BORDER-BOTTOM: #6788be 1px solid  
}  
.RadGrid_TelerikDataGridB  
{  
    FONT: 11px arial,verdana,sans-serif  
}  
.MasterTable_TelerikDataGridB  
{  
    FONT: 11px arial,verdana,sans-serif  
 
}  
.DetailTable_TelerikDataGridB  
{  
    FONT: 11px arial,verdana,sans-serif  
}  
.GroupPanel_TelerikDataGridB TABLE  
{  
    FONT: 11px arial,verdana,sans-serif  
}  
.GridEditForm_TelerikDataGridB TABLE  
{  
    FONT: 11px arial,verdana,sans-serif  
}  
.GridToolTip_TelerikDataGridB  
{  
    FONT: 11px arial,verdana,sans-serif  
}  
.MasterTable_TelerikDataGridB  
{  
    BORDER-COLLAPSE: separate! important  
}  
.DetailTable_TelerikDataGridB  
{  
    BORDER-COLLAPSE: separate! important  
}  
.MasterTable_TelerikDataGridB  
{  
    BORDER-RIGHT: #fff 0px solid;  
    BORDER-TOP: #fff 0px solid;  
    BORDER-LEFT: #fff 0px solid;  
    BORDER-BOTTOM: #fff 0px solid  
}  
.GridRow_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px;  
    background-color: White  
}  
 
/* this is the alternating row*/  
.GridAltRow_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px;      /* jbarnd - from teh blue business grid demo  */  
    BORDER-RIGHT: #ffffff 1px solid;  
    BORDER-TOP: #e0f5ff 0px solid;  
    BORDER-LEFT: #ffffff 0px solid;   /* jbarnd - the borders can be changed to be whatever  */  
    BORDER-BOTTOM: #abd5f3 1px solid;  
    background-color: #f0ede6  
      
      
}  
.GridEditRow_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.GridFooter_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.GridGroupFooter_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.GridFilterRow_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.GridHeader_TelerikDataGridB  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.ResizeHeader_TelerikDataGridB  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.GroupHeader_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px  
}  
.RadGrid_TelerikDataGridB .rgAdd  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgRefresh  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgEdit  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgDel  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgFilter  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgPagePrev  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgPageNext  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgPageFirst  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgPageLast  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgExpand  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgCollapse  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgSortAsc  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */  
}  
.RadGrid_TelerikDataGridB .rgSortDesc  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */  
}  
.RadGrid_TelerikDataGridB .rgUpdate  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.RadGrid_TelerikDataGridB .rgCancel  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');  
    PADDING-BOTTOM: 0px;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: 0px;  
    WIDTH: 16px;  
    CURSOR: pointer;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px;  
    BACKGROUND-REPEAT: no-repeat;  
    HEIGHT: 16px;  
    BACKGROUND-COLOR: transparent  
}  
.GroupPanelItems_TelerikDataGridB INPUT  
{  
    VERTICAL-ALIGN: middle  
}  
.GridCommandRow_TelerikDataGridB IMG  
{  
    VERTICAL-ALIGN: middle  
}  
.GridHeader_TelerikDataGridB INPUT  
{  
    VERTICAL-ALIGN: middle  
}  
.GridFilterRow_TelerikDataGridB IMG  
{  
    VERTICAL-ALIGN: middle  
}  
.GridPager_TelerikDataGridB IMG  
{  
    VERTICAL-ALIGN: middle  
}  
.GridHeader_TelerikDataGridB  
{  
    COLOR: #000;  
    BACKGROUND: #d3cab7;  /* jbarnd - header color  */  
    PADDING-BOTTOM: 4px;  
    PADDING-TOP: 4px;  
    TEXT-ALIGN: left   /*  jbarnd TO-DO:  we need black instead of blue  */  
 
}  
.ResizeHeader_TelerikDataGridB  
{  
    BACKGROUND: #92b4e0;  
    PADDING-BOTTOM: 4px;  
    PADDING-TOP: 4px;  
    TEXT-ALIGN: left  
}  
.GridHeader_TelerikDataGridB  
{  
    COLOR: #000;  
    TEXT-DECORATION: none  
}  
.GridHeader_TelerikDataGridB A  
{  
    COLOR: Black;           /*  jbarnd - TO-DO: this needs the teal color #008b95 */  
    TEXT-DECORATION: none;    
     /*  jbarnd  */  
        BACKGROUND: transparent  
}  
.GridRow_TelerikDataGridB TD  
{  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px;  
    BORDER-BOTTOM: #d8dde0 1px solid  
}  
.GridAltRow_TelerikDataGridB TD  
{  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px;  
    BORDER-BOTTOM: #d8dde0 1px solid  
}  
.GridEditRow_TelerikDataGridB TD  
{  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px;  
    BORDER-BOTTOM: #d8dde0 1px solid  
}  
.GridRow_TelerikDataGridB A  
{  
    COLOR: #008b95;         /* jbarnd - not sure if thsi is correct   #333 orginal value */  
    BACKGROUND: transparent;  
}  
.GridAltRow_TelerikDataGridB A  
{  
    COLOR: #008b95;  
    BACKGROUND: transparent;  
}  
.GridEditRow_TelerikDataGridB A  
{  
    COLOR: #333  
}  
.SelectedRow_TelerikDataGridB  
{  
    BACKGROUND: #dcfc5c;  
      background-color: orange;  
}  
.GridRowOver_TelerikDataGridB  
{  
        /*  f9d99f   jbarnd???*/  
    BACKGROUND: orange ;  
    background-color: orange;  
    cursor:pointer  
      
}  
.ActiveRow_TelerikDataGridB  
{  
    BACKGROUND: #f9d99f  
}  
.GridRowOver_TelerikDataGridB TD  
{  
    BORDER-BOTTOM-COLOR: #f9d99f  
}  
.ActiveRow_TelerikDataGridB TD  
{  
    BORDER-BOTTOM-COLOR: #f9d99f  
}  
.SelectedRow_TelerikDataGridB TD  
{  
    BORDER-BOTTOM-COLOR: #accb2d  
}  
.GridEditRow_TelerikDataGridB  
{  
    BACKGROUND: #ffffe1  
}  
.GridEditRow_TelerikDataGridB TD  
{  
    BORDER-BOTTOM: #d8dde0 1px solid  
}  
.GridFooterDiv_TelerikDataGridB  
{  
    FONT-WEIGHT: bold;  
    BACKGROUND: #fbfbfb  
}  
.GridFooter_TelerikDataGridB  
{  
    FONT-WEIGHT: bold;  
    BACKGROUND: #fbfbfb  
}  
.GridGroupFooter_TelerikDataGridB  
{  
    FONT-WEIGHT: bold;  
    BACKGROUND: #fbfbfb  
}  
.GridFooter_TelerikDataGridB  
{  
    COLOR: #666  
}  
.GridFooter_TelerikDataGridB A  
{  
    COLOR: #666  
}  
.GridGroupFooter_TelerikDataGridB  
{  
    COLOR: #666  
}  
.GridGroupFooter_TelerikDataGridB A  
{  
    COLOR: #666  
}  
.GridFooter_TelerikDataGridB TD  
{  
    BORDER-TOP: #e8e6e6 1px solid;  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px;  
    BORDER-BOTTOM: #e8e6e6 1px solid  
}  
.GridGroupFooter_TelerikDataGridB TD  
{  
    BORDER-TOP: #e8e6e6 1px solid;  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px;  
    BORDER-BOTTOM: #e8e6e6 1px solid  
}  
.GridPager_TelerikDataGridB SPAN  
{  
    COLOR: #999  
}  
.GridPager_TelerikDataGridB  
{  
    FONT-WEIGHT: bold;  
    BACKGROUND: #d3cab7  
}  
.GridPager_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px;  
    PADDING-BOTTOM: 4px;  
    PADDING-TOP: 4px  
}  
.GridPager_TelerikDataGridB TD  
{  
    COLOR: #666  
}  
.GridPager_TelerikDataGridB TD A  
{  
    COLOR: #666  
}  
.PagerLeft_TelerikDataGridB  
{  
    FLOAT: left  
}  
.PagerRight_TelerikDataGridB  
{  
    FLOAT: right  
}  
.PagerCenter_TelerikDataGridB  
{  
    TEXT-ALIGN: center  
}  
.PagerCenter_TelerikDataGridB SPAN  
{  
    VERTICAL-ALIGN: middle  
}  
.RadGrid_TelerikDataGridB .rgPagePrev  
{  
    BACKGROUND-POSITION: 6px -224px  
}  
.RadGrid_TelerikDataGridB .rgPageNext  
{  
    BACKGROUND-POSITION: -22px -224px  
}  
.RadGrid_TelerikDataGridB .rgPageFirst  
{  
    BACKGROUND-POSITION: 5px -192px  
}  
.RadGrid_TelerikDataGridB .rgPageLast  
{  
    BACKGROUND-POSITION: -21px -192px  
}  
.GridHeader_TelerikDataGridB .rgSortAsc  
{  
    BACKGROUND-POSITION: -21px -256px;  
    HEIGHT: 12px  
}  
.GridHeader_TelerikDataGridB .rgSortDesc  
{  
    BACKGROUND-POSITION: 4px -256px;  
    HEIGHT: 12px  
}  
.TopReorderIndicator_TelerikDataGridB  
{  
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;  
    MARGIN-LEFT: -5px;  
    WIDTH: 11px! important;  
    HEIGHT: 11px! important  
}  
.BottomReorderIndicator_TelerikDataGridB  
{  
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;  
    MARGIN-LEFT: -5px;  
    WIDTH: 11px! important;  
    HEIGHT: 11px! important  
}  
.BottomReorderIndicator_TelerikDataGridB  
{  
    BACKGROUND-POSITION: -21px -100px  
}  
.GridFilterRow_TelerikDataGridB TD  
{  
    PADDING-BOTTOM: 5px;  
    PADDING-TOP: 5px  
}  
.RadGrid_TelerikDataGridB .rgFilter  
{  
    BACKGROUND-POSITION: 2px -288px  
}  
.GridFilterRow_TelerikDataGridB TD  
{  
    BORDER-BOTTOM: #a5bedf 1px solid  
}  
UNKNOWN  
{  
    BORDER-RIGHT: #6788be 1px solid;  
    BORDER-TOP: #6788be 1px solid;  
    FONT: 12px arial,sans-serif;  
    VERTICAL-ALIGN: middle;  
    BORDER-LEFT: #6788be 1px solid;  
    COLOR: #000;  
    BORDER-BOTTOM: #6788be 2px solid  
}  
.GroupPanel_TelerikDataGridB  
{  
    BORDER-RIGHT: #ff9900 1px dashed;  
    BORDER-TOP: #ff9900 1px dashed;  
    BACKGROUND: #ffebcc;  
    BORDER-LEFT: #ff9900 1px dashed;  
    BORDER-BOTTOM: #ff9900 1px dashed  
}  
.GroupPanel_TelerikDataGridB TD  
{  
    PADDING-RIGHT: 4px;  
    PADDING-LEFT: 4px;  
    PADDING-BOTTOM: 2px;  
    PADDING-TOP: 2px  
}  
.GroupPanel_TelerikDataGridB TD TD  
{  
    PADDING-RIGHT: 1px;  
    PADDING-LEFT: 1px;  
    PADDING-BOTTOM: 1px;  
    PADDING-TOP: 1px  
}  
.GroupPanelItems_TelerikDataGridB  
{  
    BORDER-RIGHT: #8e827f 1px solid;  
    PADDING-RIGHT: 4px;  
    BORDER-TOP: #8e827f 1px solid;  
    PADDING-LEFT: 4px;  
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') #544b58 repeat-x 0px 0px;  
    PADDING-BOTTOM: 2px;  
    BORDER-LEFT: #8e827f 1px solid;  
    COLOR: #fff;  
    PADDING-TOP: 2px;  
    BORDER-BOTTOM: #8e827f 1px solid  
}  
.GroupPanel_TelerikDataGridB .rgSortAsc  
{  
    BACKGROUND-POSITION: -21px -254px  
}  
.GroupPanel_TelerikDataGridB .rgSortDesc  
{  
    BACKGROUND-POSITION: 4px -254px  
}  
.GroupHeader_TelerikDataGridB TD  
{  
    PADDING-BOTTOM: 4px;  
    PADDING-TOP: 3px;  
    BORDER-BOTTOM: #6788be 2px solid  
}  
.RadGrid_TelerikDataGridB .rgExpand  
{  
    BACKGROUND-POSITION: 2px -130px  
}  
.RadGrid_TelerikDataGridB .rgCollapse  
{  
    BACKGROUND-POSITION: 2px -162px  
}  
.GroupHeader_TelerikDataGridB TD DIV  
{  
    TOP: -0.6em  
}  
.GroupHeader_TelerikDataGridB TD DIV DIV  
{  
    TOP: 0px  
}  
.GridEditForm_TelerikDataGridB  
{  
    BORDER-BOTTOM: #d8dde0 1px solid  
}  
UNKNOWN  
{  
    BORDER-RIGHT: #6788be 1px solid;  
    BORDER-TOP: #6788be 1px solid;  
    FONT: 12px arial,sans-serif;  
    BORDER-LEFT: #6788be 1px solid;  
    COLOR: #000;  
    BORDER-BOTTOM: #6788be 2px solid  
}  
.GridEditForm_TelerikDataGridB A  
{  
    COLOR: #333  
}  
.RadGrid_TelerikDataGridB .rgUpdate  
{  
    BACKGROUND-POSITION: 3px -321px  
}  
.RadGrid_TelerikDataGridB .rgCancel  
{  
    BACKGROUND-POSITION: 2px -353px  
}  
.DetailTable_TelerikDataGridB  
{  
    BORDER-RIGHT: 0px  
}  
.GridCommandRow_TelerikDataGridB  
{  
    BACKGROUND: #fff  
}  
.GridCommandRow_TelerikDataGridB TD  
{  
    BORDER-RIGHT: 0px;  
    PADDING-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    PADDING-LEFT: 0px;  
    PADDING-BOTTOM: 0px;  
    BORDER-LEFT: 0px;  
    PADDING-TOP: 0px;  
    BORDER-BOTTOM: 0px  
}  
.GridCommandRow_TelerikDataGridB A  
{  
    COLOR: #333  
}  
.RadGrid_TelerikDataGridB .rgAdd  
{  
    BACKGROUND-POSITION: 2px -386px  
}  
.RadGrid_TelerikDataGridB .rgRefresh  
{  
    BACKGROUND-POSITION: 5px -417px  
}  
.RadGrid_TelerikDataGridB .rgEdit  
{  
    BACKGROUND-POSITION: 2px -450px  
}  
.RadGrid_TelerikDataGridB .rgDel  
{  
    BACKGROUND-POSITION: 2px -482px  
}  
.LoadingPanel_TelerikDataGridB  
{  
    BACKGROUND: #f3f3e2  
}  
.GridRowSelector_TelerikDataGridB  
{  
    BACKGROUND: #336  
}  
.GridItemDropIndicator_TelerikDataGridB  
{  
    BORDER-TOP: #666 1px dashed  
}  
.GridToolTip_TelerikDataGridB  
{  
    BORDER-RIGHT: #6788be 1px solid;  
    PADDING-RIGHT: 3px;  
    BORDER-TOP: #6788be 1px solid;  
    PADDING-LEFT: 3px;  
    BACKGROUND: #e9f2ff;  
    PADDING-BOTTOM: 3px;  
    BORDER-LEFT: #6788be 1px solid;  
    COLOR: #575757;  
    PADDING-TOP: 3px;  
    BORDER-BOTTOM: #6788be 1px solid  
}  
.RadGridRTL_TelerikDataGridB .GridHeader_TelerikDataGridB  
{  
    TEXT-ALIGN: right  
}  
.RadGridRTL_TelerikDataGridB .ResizeHeader_TelerikDataGridB  
{  
    TEXT-ALIGN: right  
}  
.RadGridRTL_TelerikDataGridB .PagerLeft_TelerikDataGridB  
{  
    FLOAT: right  
}  
.RadGridRTL_TelerikDataGridB .GridPager_TelerikDataGridB .radslider  
{  
    FLOAT: right  
}  
.RadGridRTL_TelerikDataGridB .PagerRight_TelerikDataGridB  
{  
    FLOAT: left  
}  
.RadGrid_TelerikDataGridB .rgCommandRow   
{  
    FONT-SIZE: 12px;  
    COLOR: #fff;  
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;      
    BORDER-RIGHT: #fff 1px solid;  
    BORDER-TOP: #fff 1px solid;  
    BORDER-LEFT: #fff 1px solid;  
    BORDER-BOTTOM: #fff 1px solid  
}  
 
 
 
 
 
 
 

Thanks
Veshala
Top achievements
Rank 1
 answered on 31 May 2011
3 answers
252 views
Hello

I have a grid with child items that are nested tables views, like in the hierarchy examples:
<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" ShowStatusBar="true" DataSourceID="SqlDataSource1"
            runat="server" AutoGenerateColumns="False" AllowFilteringByColumn="true" Width="100%" PageSize="100" AllowSorting="True"
            AllowMultiRowSelection="False" AllowAutomaticDeletes="true" AllowAutomaticInserts="true" AllowAutomaticUpdates="true"
            AllowPaging="True" GridLines="None" OnItemDataBound="RadGrid1_ItemDataBound" OnItemUpdated="RadGrid1_ItemUpdated"
            OnDataBound="RadGrid1_DataBound"
            OnItemInserted="RadGrid1_ItemInserted" OnItemDeleted="RadGrid1_ItemDeleted">
            <PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom"></PagerStyle>
 
            <MasterTableView DataSourceID="SqlDataSource1" CommandItemDisplay="Top" DataKeyNames="Id" AllowMultiColumnSorting="True">
                <DetailTables>
                    <telerik:GridTableView Name="ChildProgs" DataKeyNames="Id" DataSourceID="SqlDataSource2" Width="100%"
                        runat="server">
                        <ParentTableRelation>
                            <telerik:GridRelationFields DetailKeyField="ProgramParent_Id" MasterKeyField="Id" />
                        </ParentTableRelation>
                        <Columns>
                            <telerik:GridEditCommandColumn ItemStyle-Width="20px" HeaderText="Edit" ButtonType="ImageButton" UniqueName="EditCommandColumn">
                            <ItemStyle CssClass="MyImageButton" />
                             </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn ItemStyle-Width="20px" ReadOnly="true" Visible="true" DataField="Id" HeaderText="Id"
                                SortExpression="Id" ItemStyle-HorizontalAlign="Center"  ItemStyle-VerticalAlign="Top"
                                HeaderStyle-HorizontalAlign="Center"
                                UniqueName="Id">
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn HeaderText="Title" ItemStyle-HorizontalAlign="Center" SortExpression="Title" ItemStyle-VerticalAlign="Middle"
                                    UniqueName="Title" DataField="Title" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:Label ID="lblTitle" runat="server" Text='<%# TrimDescription(Eval("Title") as string) %>' />
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <telerik:RadTextBox ID="txbTitle" Width="300px" runat="server" TextMode="SingleLine"
                                            Text='<%# Bind("Title") %>' />
                                    </EditItemTemplate>
                                    <ItemStyle VerticalAlign="Top" />
                             </telerik:GridTemplateColumn>
.............
        <Columns>
 
                    <telerik:GridBoundColumn DataField="Id" AllowFiltering="true" ReadOnly="true" ItemStyle-Width="20px"
                    ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Center" HeaderText="Parent Id"
                    SortExpression="Id" UniqueName="Id">
                    </telerik:GridBoundColumn>
 
                    <telerik:GridTemplateColumn HeaderText="Title" AllowFiltering="true" ItemStyle-HorizontalAlign="Center"
                           HeaderStyle-HorizontalAlign="Center" SortExpression="Title" ItemStyle-VerticalAlign="Top" UniqueName="Title" DataField="Title">
                        <ItemTemplate>
                            <asp:Label ID="lblTitle" runat="server" Text='<%# TrimDescription(Eval("Title") as string) %>' />
                        </ItemTemplate>
                        <EditItemTemplate>
                            <telerik:RadTextBox ID="txbTitle" Width="300px" runat="server" TextMode="SingleLine"
                                Text='<%# Bind("Title") %>' />
                        </EditItemTemplate>
                        <ItemStyle VerticalAlign="Top" />
                    </telerik:GridTemplateColumn>
.....
</Columns>
                <SortExpressions>
                    <telerik:GridSortExpression FieldName="Title"></telerik:GridSortExpression>
                </SortExpressions>
            </MasterTableView>
 
        </telerik:RadGrid>

I tried the below code in the RadGrid1_DataBound event, but with no results, as it never enters in the loop, like no items are found.
I would also like to access the child items in edit mode, like OnDataBound or something similar...
GridTableView nestedTableView = (RadGrid1.MasterTableView.Items[0] as GridDataItem).ChildItem.NestedTableViews[0];
 
            foreach (GridNestedViewItem nestedViewItem in nestedTableView.GetItems(GridItemType.NestedView))
            {
                ((Label)nestedViewItem.Controls[1]).Text = ((Label)nestedViewItem.Controls[1]).Text + "-testing";
            }

Could u plz tell me what i'm doing wrong? Thx a lot.
Alin
Top achievements
Rank 1
 answered on 31 May 2011
1 answer
64 views
I am using rad rich editor's control. I use image mangager button to upload new image. If i use  any browser other than IE8 it work fine.
But in IE it is not showing the image path correctly, I set the image path in cms/images. Browser other than IE shows image on page using the path (that I set ) "cms/images". But when I use IE to upload images, rad control show image in path "images/"  folder.

How can I solve this issue?

Thanks

Rumen
Telerik team
 answered on 31 May 2011
4 answers
117 views
Hi,

I am using Nested RadGrid View and I have two Detail Tables One is Called Group and the other is called Items. What I want to acheive is that each Group contains different number of items. I am successful in displaying the sub-total of each group using GridCalculatedColumn of items but I also want that I can also calculate the Total for the number of groups. I shall be very greatful if someone can help with this problem.

For Example

Quotation 1

Fruits :

Item Name CostPrice Quantity TotalCost
Apple             10           2              20
Orange           20           2             40
                                     Sub-Total 60

Vegetables :

Carrot              5           2                       10
Cuccumber      3            2                        6
                                          Sub-Total     16
                                         
                                              Total :       76  (Need Help Here)



<telerik:RadGrid ID="rgQuotation" runat="server" Width="95%" ShowStatusBar="true"
    Skin="WebBlue" AutoGenerateColumns="False" PageSize="20" AllowSorting="True"
    AllowMultiRowSelection="False" AllowPaging="True" GridLines="None" ShowFooter="True">
    <PagerStyle Mode="NumericPages"></PagerStyle>
    <MasterTableView Width="100%" DataKeyNames="ID" AllowMultiColumnSorting="True" CommandItemDisplay="Top"
        Name="Quotation">
        <Columns>
            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"
                ItemStyle-Width="30px" EditImageUrl="~/Portals/0/Images/Edit.gif">
            </telerik:GridEditCommandColumn>
            <telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton"
                DataField="ID" UniqueName="ID" ReadOnly="true" Visible="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn SortExpression="TariffName" HeaderText="Quotation Name"
                HeaderButtonType="TextButton" DataField="TariffName" UniqueName="TariffName"
                ReadOnly="true">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn SortExpression="RecordType" HeaderText="Rec Type" HeaderButtonType="TextButton"
                DataField="RecordType" UniqueName="RecordType" ReadOnly="true" Visible="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn SortExpression="JobID" HeaderText="Job No" HeaderButtonType="TextButton"
                DataField="JobID" UniqueName="JobID" ReadOnly="true" Visible="false">
            </telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings EditFormType="Template" InsertCaption="New Quotation">
            <FormTemplate>
                <div>
                    <asp:Label ID="lblTariffName" runat="server" Text="Quotation Name" CssClass="fieldsetControlStyle"></asp:Label>
                    &nbsp;&nbsp;
                    <asp:TextBox ID="txtTariffName" runat="server" Text='<%# Eval("TariffName") %>'></asp:TextBox>
                    <asp:LinkButton ID="lnkbtnUpdate" runat="server" CausesValidation="True" CommandName='<%# IIf( DataBinder.Eval(Container, "OwnerTableView.IsItemInserted"), "PerformInsert", "Update") %>'
                        CssClass="lnkButton" ToolTip="Update">
                        <asp:Image ID="imgUpdate" runat="server" ImageUrl="~/Portals/0/Images/Update.gif" /></asp:LinkButton>
                    &nbsp;<asp:LinkButton ID="lnkbtnCancel" runat="server" CausesValidation="False" CommandName="Cancel"
                        CssClass="lnkButton" ToolTip="Cancel">
                        <asp:Image ID="imgCancel" runat="server" ImageUrl="~/Portals/0/Images/Cancel.gif" /></asp:LinkButton>
                </div>
            </FormTemplate>
        </EditFormSettings>
        <DetailTables>
            <telerik:GridTableView DataKeyNames="GroupID" HierarchyLoadMode="Client" Width="100%"
                CommandItemDisplay="Top" runat="server" Name="Groups">
                <Columns>
                    <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"
                        ItemStyle-Width="30px" EditImageUrl="~/Portals/0/Images/Edit.gif">
                    </telerik:GridEditCommandColumn>
                    <telerik:GridBoundColumn SortExpression="GroupID" HeaderText="GroupID" HeaderButtonType="TextButton"
                        DataField="GroupID" UniqueName="GroupID" ReadOnly="true" Visible="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="GroupName" HeaderText="Group Name" HeaderButtonType="TextButton"
                        DataField="GroupName" UniqueName="GroupName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="TariffID" HeaderText="TariffID" HeaderButtonType="TextButton"
                        DataField="TariffID" UniqueName="TariffID" ReadOnly="true" Visible="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn>
                        <FooterTemplate>
                            <asp:Label ID="lblTotalCost" runat="server" Text="Total Cost" CssClass="fieldsetControlStyle"></asp:Label>
                        </FooterTemplate>
                    </telerik:GridTemplateColumn>
                </Columns>
                <EditFormSettings EditFormType="Template" InsertCaption="New Group">
                    <FormTemplate>
                        <div>
                            <asp:Label ID="lblGroupName" runat="server" Text="Group Name" CssClass="fieldsetControlStyle"></asp:Label>
                            &nbsp;&nbsp;
                            <asp:TextBox ID="txtGroupName" runat="server" Text='<%# Eval("groupname") %>'></asp:TextBox>
                            <br />
                            <asp:LinkButton ID="lnkbtnUpdate" runat="server" CausesValidation="True" CommandName='<%# IIf( DataBinder.Eval(Container, "OwnerTableView.IsItemInserted"), "PerformInsert", "Update") %>'
                                CssClass="lnkButton">
                                <asp:Image ID="imgUpdate" runat="server" ImageUrl="~/Portals/0/Images/Update.gif" /></asp:LinkButton>
                            &nbsp;<asp:LinkButton ID="lnkbtnCancel" runat="server" CausesValidation="False" CommandName="Cancel"
                                CssClass="lnkButton" ToolTip="Cancel">
                                <asp:Image ID="imgCancel" runat="server" ImageUrl="~/Portals/0/Images/Cancel.gif" /></asp:LinkButton>
                        </div>
                    </FormTemplate>
                </EditFormSettings>
                <CommandItemSettings AddNewRecordText="Add New Group" AddNewRecordImageUrl="~/Portals/0/Images/AddRecord.gif"
                    ShowRefreshButton="false" />
                <DetailTables>
                    <telerik:GridTableView DataKeyNames="ID" Width="100%" Name="Items" CommandItemDisplay="Top"
                        EditMode="InPlace" runat="server" HierarchyLoadMode="Client">
                        <Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"
                                UpdateImageUrl="~/Portals/0/Images/Update.gif" ItemStyle-Width="40px" EditImageUrl="~/Portals/0/Images/Edit.gif"
                                CancelImageUrl="~/Portals/0/Images/Cancel.gif">
                            </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton"
                                DataField="ID" UniqueName="ID" ReadOnly="true" Visible="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="ItemOrder" HeaderText="ItemOrder" HeaderButtonType="TextButton"
                                DataField="ItemOrder" UniqueName="ItemOrder" ReadOnly="true" Visible="false">
                            </telerik:GridBoundColumn>
                            <%--                            <telerik:GridBoundColumn SortExpression="ItemName" HeaderText="Item Name" DataField="ItemName"
                                UniqueName="ItemName">
                                UniqueName="ItemName">
                            </telerik:GridBoundColumn>--%>
                            <telerik:GridTemplateColumn HeaderText="Item Name">
                                <ItemTemplate>
                                    <asp:Label ID="lblItemName" runat="server" Text='<%# Eval("ItemName") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <asp:TextBox ID="txtItemName" runat="server" Text='<%# Eval("ItemName") %>'></asp:TextBox>
                                </EditItemTemplate>
                                <ItemStyle Width="30%" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="Rate">
                                <ItemTemplate>
                                    <asp:Label ID="lblUnits" runat="server" Text='<%# Eval("Units") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadNumericTextBox ID="rntbRate" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true"
                                        IncrementSettings-InterceptMouseWheel="true" runat="server" Type="Number" Width="80px"
                                        DbValue='<%# Eval("Units") %>' NumberFormat-DecimalDigits="2" MinValue="1" IncrementSettings-Step="1"
                                        CssClass="fieldsetControlWidth fieldsetLine" />
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="Quantity">
                                <ItemTemplate>
                                    <asp:Label ID="lblQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadNumericTextBox ID="rntbQuantity" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true"
                                        IncrementSettings-InterceptMouseWheel="true" runat="server" Type="Number" Width="80px"
                                        DbValue='<%# Eval("Quantity") %>' NumberFormat-DecimalDigits="0" MinValue="0"
                                        IncrementSettings-Step="1" CssClass="fieldsetControlWidth fieldsetLine">
                                        <ClientEvents OnBlur="Blur" OnFocus="Focus" />
                                    </telerik:RadNumericTextBox>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="C.P">
                                <ItemTemplate>
                                    <asp:Label ID="lblCostPrice" runat="server" Text='<%# Format(DataBinder.Eval(Container.DataItem,"CostPrice"),"###,##0.00") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadNumericTextBox ID="rntbCostPrice" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true"
                                        IncrementSettings-InterceptMouseWheel="true" runat="server" Type="Number" Width="80px"
                                        DbValue='<%# Eval("CostPrice") %>' NumberFormat-DecimalDigits="2" MinValue="0"
                                        IncrementSettings-Step="1" CssClass="fieldsetControlWidth fieldsetLine" />
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="S.P">
                                <ItemTemplate>
                                    <asp:Label ID="lblSellingPrice" runat="server" Text='<%# Format(DataBinder.Eval(Container.DataItem,"SellingPrice"),"###,##0.00") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadNumericTextBox ID="rntbSellingPrice" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true"
                                        IncrementSettings-InterceptMouseWheel="true" runat="server" Type="Number" Width="80px"
                                        DbValue='<%# Eval("SellingPrice") %>' NumberFormat-DecimalDigits="2" MinValue="0"
                                        IncrementSettings-Step="1" CssClass="fieldsetControlWidth fieldsetLine" />
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridCalculatedColumn HeaderText="C.P Total" DataType="System.Double" FooterText="C.P Total : "
                                DataFields="CostPrice,Units,Quantity" Expression="{0}/{1}*{2}" Aggregate="Sum"
                                DataFormatString="{0:###,##0.00}" FooterAggregateFormatString="{0:£###,##0.00}" />
                            <telerik:GridCalculatedColumn HeaderText="S.P Total " UniqueName="TotalSellingPrice"
                                DataFields="SellingPrice,Units,Quantity" Expression="{0}/{1}*{2}" DataType="System.Double"
                                FooterAggregateFormatString="{0:£###,##0.00}" FooterText="S.P Total : " Aggregate="Sum"
                                DataFormatString="{0:###,##0.00}" />
                        </Columns>
                        <CommandItemSettings AddNewRecordText="Add New Item" AddNewRecordImageUrl="~/Portals/0/Images/AddRecord.gif"
                            ShowRefreshButton="false" />
                        <%--<EditFormSettings EditFormType="Template" InsertCaption="New Item">
                            <FormTemplate>
                                <div>
                                    <asp:Label ID="lblItemName" runat="server" Text="Item Name" CssClass="fieldsetControlStyle"></asp:Label>
                                    &nbsp;&nbsp;
                                    <asp:TextBox ID="txtItemName" runat="server" Text='<%# Eval("ItemName") %>'></asp:TextBox>
                                    <br />
                                    <asp:Label ID="lblRate" runat="server" Text="Rate" CssClass="fieldsetControlStyle"></asp:Label>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <asp:TextBox ID="txtRate" runat="server" Text='<%# Eval("Units") %>'></asp:TextBox>
                                    <br />
                                    <asp:Label ID="lblQuantity" runat="server" Text="Quantity"></asp:Label>
                                    <telerik:RadNumericTextBox ID="rntbQuantity" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true"
                                        IncrementSettings-InterceptMouseWheel="true" runat="server" Type="Number" Width="80px"
                                        NumberFormat-DecimalDigits="0" MinValue="0" IncrementSettings-Step="1" CssClass="fieldsetControlWidth fieldsetLine" />
                                    <br />
                                    <asp:Label ID="lblCostPrice" runat="server" Text="Cost Price" CssClass="fieldsetControlStyle"></asp:Label>
                                    &nbsp;&nbsp;&nbsp;
                                    <telerik:RadNumericTextBox ID="rntbCostPrice" MinValue="0" runat="server" MaxLength="6"
                                        DbValue='<%# Bind("CostPrice") %>' Width="160px" Type="Currency" Culture="English (United Kingdom)">
                                    </telerik:RadNumericTextBox>
                                    <br />
                                    <asp:Label ID="lblSellingPrice" runat="server" Text="Selling Price" CssClass="fieldsetControlStyle"></asp:Label>
                                    &nbsp;
                                    <telerik:RadNumericTextBox ID="rntbSellingPrice" MinValue="0" runat="server" MaxLength="6"
                                        DbValue='<%# Bind("SellingPrice") %>' Width="160px" Type="Currency" Culture="English (United Kingdom)">
                                    </telerik:RadNumericTextBox>
                                    <br />
                                    <br />
                                    <asp:LinkButton ID="lnkbtnUpdate" runat="server" CausesValidation="True" CommandName='<%# IIf( DataBinder.Eval(Container, "OwnerTableView.IsItemInserted"), "PerformInsert", "Update") %>'
                                        CssClass="lnkButton" ToolTip="Update">
                                        <asp:Image ID="imgUpdate" runat="server" ImageUrl="~/Portals/0/Images/Update.gif" /></asp:LinkButton>
                                    &nbsp;<asp:LinkButton ID="lnkbtnCancel" runat="server" CausesValidation="False" CommandName="Cancel"
                                        CssClass="lnkButton" ToolTip="Cancel">
                                        <asp:Image ID="imgCancel" runat="server" ImageUrl="~/Portals/0/Images/Cancel.gif" /></asp:LinkButton>
                                </div>
                            </FormTemplate>
                            <%-- <EditColumn ButtonType="ImageButton" InsertText="Insert Item" UpdateText="Update Item"
                                UpdateImageUrl="~/Portals/0/Images/Update.gif" InsertImageUrl="~/Portals/0/Images/Update.gif"
                                UniqueName="EditCommandColumn1" CancelText="Cancel edit">
                            </EditColumn>
                        </EditFormSettings>--%>
                    </telerik:GridTableView>
                </DetailTables>
            </telerik:GridTableView>
        </DetailTables>
        <CommandItemSettings AddNewRecordText="Add new Quotation" AddNewRecordImageUrl="~/Portals/0/Images/AddRecord.gif"
            ShowRefreshButton="false" ShowExportToPdfButton="true" />
    </MasterTableView>
    <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true">
        <ClientEvents OnRowContextMenu="RowContextMenu" OnRowDblClick="RowDblClick" />
        <Selecting AllowRowSelect="true" />
        <KeyboardNavigationSettings EnableKeyboardShortcuts="true" AllowSubmitOnEnter="true"
            AllowActiveRowCycle="true" CollapseDetailTableKey="LeftArrow" ExpandDetailTableKey="RightArrow" />
    </ClientSettings>
</telerik:RadGrid>
<telerik:RadContextMenu ID="rcMenu" runat="server" OnItemClick="rcMenu_ItemClick"
    EnableRoundedCorners="true" EnableShadows="true">
    <Items>
        <telerik:RadMenuItem Text="Add" />
        <telerik:RadMenuItem Text="Edit" />
        <telerik:RadMenuItem Text="Delete" />
        <telerik:RadMenuItem Text="Move Up" />
        <telerik:RadMenuItem Text="Move Down" />
    </Items>
</telerik:RadContextMenu>
<%--</telerik:RadAjaxPanel>--%>
<input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />
<input type="hidden" id="radGridClickedTableId" name="radGridClickedTableId" />
Muhammad
Top achievements
Rank 1
 answered on 31 May 2011
2 answers
104 views
Hi,
I have two list boxes inside a RadComboBox. RadListBoxSource is bound to an ObjectDataSource that load the listbox with names. The RadListBoxDestination is not bounded to anything, it just accepts the values that I select to transfer. The problem I am having is that when I select an Item from the RadListBoxSource, I break inside its ontransferring and ontransferred without ever breaking inside the RadListBoxDestination's oninserting and oninserted events.

I have witnessed the flow looking at the transfer demo and see that all the mentioned events get called; however, two do not get called.

Any Help will be appreciated.

Thanks in advance,
Gary

<asp:ObjectDataSource ID="ObjectDataSourceLookUpValues" runat="server"
    OldValuesParameterFormatString="original_{0}" SelectMethod="Select"
     
    TypeName="Epsi.Segmentation.WebApp.DataSource.ObjectDataSourceAttrLookUpValues">
    <SelectParameters>
        <asp:Parameter Name="attrEntityDto" Type="Object" />
    </SelectParameters>
</asp:ObjectDataSource>
 
<telerik:RadComboBox ID="RadComboBoxStringInLookupValue" Runat="server"
    Width="325px" AllowCustomText="True" CausesValidation="False"
    EmptyMessage="<%$ Resources:CommonUserMsg, EnterValueMsgResource %>"
    EnableTextSelection="False" DropDownWidth="325px" HighlightTemplatedItems="True" 
    OnClientDropDownClosing="OnClientDropDownClosing"
    OnClientDropDownClosed="DropDownClosed_PopulateInComboBoxEmptyMessage" >
    <ItemTemplate>
        <ul>
         <li class="col1">
           <telerik:RadListBox ID="RadListBoxSource" runat="server" Height="125px" AutoPostBack="False"
                DataSourceID="ObjectDataSourceLookUpValues" DataTextField="Descr" DataValueField="Code"
                AllowTransfer="true" TransferToID="RadListBoxDestination" SelectionMode="Multiple" 
                AllowTransferOnDoubleClick="True" AutoPostBackOnTransfer="True"
                OnTransferring="RadListBoxSource_Transferring"
                OnClientSelectedIndexChanged="IndexChanged" ondatabound="OnDataBound"
                onitemdatabound="OnItemsDataBound"
                 ontransferred="RadListBoxSource_OnTransfered"
                 TransferMode="Move" >
               <ButtonSettings TransferButtons="Common"></ButtonSettings>
           </telerik:RadListBox
         </li
         <li class="col2">
            <telerik:RadListBox ID="RadListBoxDestination" runat="server" Height="125px" SelectionMode="Multiple"
               oninserted="RadListBoxDestination_AddItemToList"
                 oninserting="RadListBoxDestination_Inserting" AllowDelete="True"
                 TransferMode="Move">
            </telerik:RadListBox>
         </li>                                
        </ul>
      </ItemTemplate>
      <Items>
          <telerik:RadComboBoxItem Text="" />
      </Items>          
</telerik:RadComboBox>
gary
Top achievements
Rank 1
 answered on 31 May 2011
3 answers
55 views
Hi.
A column's values in a grid are disappearing when the user is doing something on the web-site, like push a button or insert an item in another grid but not when user is inserting a new item in the grid that keep the column that lose it's values. When I refresh the grid, the values are coming back. The column is keeping a bool value from the database that is displaying as text (and as a combobox when inserting items). The code is:

 
<telerik:GridTemplateColumn HeaderStyle-Width="195px" DataField="Shipregistry" HeaderText="Skipsregister" SortExpression="Shipregistry" UniqueName="Shipregistry">
                    <ItemTemplate><%#DataBinder.Eval(Container.DataItem, "Shipregistry")%></ItemTemplate>
                    <EditItemTemplate>
                        <telerik:RadComboBox DataTextField="Shipregistry" DataValueField="Shipregistry" ID="ShipregistryComboBox" HighlightTemplatedItems="true" EmptyMessage="Velg et element..." AllowCustomText="true"
                        runat="server" Height="50px"  Width="95px" SelectedValue='<%#Bind("Shipregistry") %>' AutoPostBack="true">
                        <Items>                       
                            <telerik:RadComboBoxItem runat="server" Text="norsk" Value="NOR"/>
                            <telerik:RadComboBoxItem runat="server" Text="internasjonalt" Value="NIC"/>
                        </Items>
                    </telerik:RadComboBox>       
                    <asp:RequiredFieldValidator runat="server" ErrorMessage="*"  ForeColor="Red" ControlToValidate="ShipregistryComboBox" ID="RequiredFieldValidator2"></asp:RequiredFieldValidator>   
                    </EditItemTemplate><HeaderStyle Width="195px"></HeaderStyle>
                </telerik:GridTemplateColumn>

protected void RadGridFerryReg_ItemDataBound(object sender, GridItemEventArgs e)
       {
           if (e.Item is GridDataItem && e.Item.DataItem is Ferry)
           {              
         var item = e.Item as GridDataItem;
               var ferry = e.Item.DataItem as Ferry;
               item["Shipregistry"].Text = ferry.Shipregistry == "NOR" ? "norsk" : "internasjonalt";     
           }        
       }

Anyone have an idea why this happens? Perhaps the content is wrong in the ItemTemplate ....

Daniel
Telerik team
 answered on 31 May 2011
1 answer
55 views
Hi Telerik,

I have two tabs, one tab displays some information and a tab to load RadEditor

When run the program I set SelectedIndex is Tab1, then press into Tab2 and press update button to write content of editor,
It's ok on Firefox or Chrome but it's doesn't work in IE9

You can see my sample project in download link below,
http://www.mediafire.com/?o73iqtm9vyoy1mw
Please check it for me,

Thanks
Rumen
Telerik team
 answered on 31 May 2011
1 answer
65 views
i am using ajax concepts to load rotator . but as is a service that shows latest informations , i must clear data before to add new arrivals data from ajax request .. How can i do that using javascript block.


to load data , it works fine using .


 

 

var radRotatorItemData = [];

 

 

radRotatorItemData.Html =

 

"<a href='' style='margin-left:10px'>" + DAF + "</a>";

 

 

rotator.addRotatorItem(radRotatorItemData, 0);

Niko
Telerik team
 answered on 31 May 2011
1 answer
132 views

Hi,

I'm working with Performance Center from HP and apparently they use the telerik component. Since last week I get an error that applies on the raduploadmodule of Telerik. I also contacted HP support but they are not progressing on this so I'm trying to directly check for help on this forum. I'm admin on the server where Performance Center is running on so I have the rights to do anything ;)

Who can help or point me to the solution?

Thanks,
Nico
 

Server Error in '/LoadTest' Application.

Configuration Error

Description: An error occurred during the processing of a configuration file required to service this request. Please review the specific error details below and modify your configuration file appropriately.

Parser Error Message: The specified module could not be found. (Exception from HRESULT: 0x8007007E) (E:\Program Files\HP\Performance Center Server\PCWEB\web.config line 104)

Source Error:

Line 102:      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
Line 103:      <add name="SSOHttpModule" type="HP.PC.Security.SSO.MessageHandlers.SSOHttpModule, HP.PC.Security.SSO" />
Line 104: <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />Line 105:    </httpModules>
Line 106:  </system.web>

Source File: E:\Program Files\HP\Performance Center Server\PCWEB\web.config    Line: 104


Version Information: Microsoft .NET Framework Version:2.0.50727.3615; ASP.NET Version:2.0.50727.3618
Nico
Top achievements
Rank 1
 answered on 31 May 2011
1 answer
78 views
Hallo,

I have got a problem with the example on Example.

Because of this, i edited my code as following:
<telerik:RadGrid runat="server" ID="Grid_Statistik" AllowMultiRowEdit="false" Skin="Office2007"
            GridLines="None"  PageSize="20" AllowPaging="true" DataSourceID="Grid_Statistik_DataSource" AllowSorting="true"  ShowStatusBar="true" >
             <ExportSettings FileName="File" OpenInNewWindow="True">
                <Pdf PaperSize="A4" PageHeight="210mm" PageWidth="297mm" />
            </ExportSettings>
            <GroupPanel ID="GroupPanel" Text="Gruppierungsfläche">
            </GroupPanel><%----%>
            <MasterTableView Name="Grid_Statistik" runat="server"DataSourceID="Grid_Statistik_DataSource"
                AutoGenerateColumns="false" PageSize="20" AllowPaging="true" AllowMultiRowEdit="false" AllowFilteringByColumn="True">
                <RowIndicatorColumn>
                    <HeaderStyle Width="20px" />
                </RowIndicatorColumn>
                <ExpandCollapseColumn>
                    <HeaderStyle Width="20px" />
                </ExpandCollapseColumn>
                <Columns>
<telerik:GridBoundColumn HeaderText="Employee" UniqueName="Employee"
                        DataField="Employee" DataType="System.String" ReadOnly="True">
                        <FilterTemplate><%--DataSourceID="MA_Source" DataTextField="nameKomplett" DataValueField="hr_m_personal_id" --%>
                          <telerik:RadComboBox id="cbx_MA" runat="server" Skin="Office2007" OnLoad="cbx_MA_Load"
                          SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Employee").CurrentFilterValue %>' OnClientSelectedIndexChanged="EmployeeIndexChanged"><%----%>
                            </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                            <script type="text/javascript">
                                    function EmployeeIndexChanged(sender, args) {
                                        var tableView = $find(<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                                        tableView.filter("Employee", args.get_item().get_value(), "EqualTo");
                                }
                                </script>
                            </telerik:RadScriptBlock>
                        </FilterTemplate>
                        <HeaderStyle Width="250px" />
                    </telerik:GridBoundColumn>
 </Columns>
 </MasterTableView>
            <ClientSettings>
                <Scrolling ScrollHeight="415px" AllowScroll="True" UseStaticHeaders="true" />
            </ClientSettings>
            <PagerStyle AlwaysVisible="true" />
            <HeaderContextMenu EnableTheming="True">
 
                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
            </HeaderContextMenu>
            <FilterMenu EnableTheming="True">
                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
            </FilterMenu>
        </telerik:RadGrid>

If I use the RadComboBox to edit my filtervalue, my browser returns the following errorcode:
"tableView is null"
Because I used the code of the example, it might be a copy paste problem, but I don't see the mistake.....

Best regards
Mira
Telerik team
 answered on 31 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?