or
6 answers
150 views
I have a radcombobox which is bound to an xml file for data. The combobox correctly reads this file and I am able to select items and retrieve data based on what is retrieved. The problem is that the text displayed in the drop down box does not update with the selected item. The text displayed is always the first item in the xml file even though the data retrieved is for the selected item. Any help on how to solve this is welcomed
bradley baker
Top achievements
Rank 1
Rank 1
answered
on
04 Nov 2009
2 answers
222 views
Hi,
I've created my own skin for a RadGrid with RowHover based on the office 2007 visuals. I have modified it slightly so when you hover over a row which has been selected it doesn't change colour and when the row is selected it's color changes instantly. I've now ran into problems when sorting. I can't seem to get the cell which has been sorted and selected the same colour as the row selected. This only happens when I hover over the row selected and not the cell which is being sorted.
The CSS code I've been looking at modifing is:
*+html .RadGrid_MySkin .rgActiveRow .rgSorted,
*+html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff}
* html .RadGrid_MySkin .rgActiveRow .rgSorted,
* html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff}
Though I can't seem to come up with anything to fix the problem.
I've attached a screenshot of the problem and my CSS code.
I've created my own skin for a RadGrid with RowHover based on the office 2007 visuals. I have modified it slightly so when you hover over a row which has been selected it doesn't change colour and when the row is selected it's color changes instantly. I've now ran into problems when sorting. I can't seem to get the cell which has been sorted and selected the same colour as the row selected. This only happens when I hover over the row selected and not the cell which is being sorted.
The CSS code I've been looking at modifing is:
*+html .RadGrid_MySkin .rgActiveRow .rgSorted,
*+html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff}
* html .RadGrid_MySkin .rgActiveRow .rgSorted,
* html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff}
Though I can't seem to come up with anything to fix the problem.
I've attached a screenshot of the problem and my CSS code.
| /*Telerik RadGrid MySkin Skin*/ |
| /*global*/ |
| .RadGrid_MySkin |
| { |
| border:1px solid #688caf; |
| background:#fff; |
| color:#333; |
| } |
| .RadGrid_MySkin, |
| .RadGrid_MySkin .rgMasterTable, |
| .RadGrid_MySkin .rgDetailTable, |
| .RadGrid_MySkin .rgGroupPanel table, |
| .RadGrid_MySkin .rgCommandRow table, |
| .RadGrid_MySkin .rgEditForm table, |
| .RadGrid_MySkin .rgPager table, |
| .GridToolTip_MySkin |
| { |
| font:12px/16px "segoe ui",arial,sans-serif; |
| } |
| .RadGrid_MySkin .rgMasterTable, |
| .RadGrid_MySkin .rgDetailTable |
| { |
| border-collapse:separate; |
| } |
| .RadGrid_MySkin .rgRow, |
| .RadGrid_MySkin .rgAltRow, |
| .RadGrid_MySkin .rgHeader, |
| .RadGrid_MySkin .rgResizeCol, |
| .RadGrid_MySkin .rgPager, |
| .RadGrid_MySkin .rgGroupPanel, |
| .RadGrid_MySkin .rgGroupHeader |
| { |
| cursor:default; |
| } |
| .RadGrid_MySkin input[type="image"] |
| { |
| cursor:pointer; |
| } |
| .RadGrid_MySkin .rgRow td, |
| .RadGrid_MySkin .rgAltRow td, |
| .RadGrid_MySkin .rgEditRow td, |
| .RadGrid_MySkin .rgFooter td, |
| .RadGrid_MySkin .rgFilterRow td, |
| .RadGrid_MySkin .rgHeader, |
| .RadGrid_MySkin .rgResizeCol, |
| .RadGrid_MySkin .rgGroupHeader td |
| { |
| padding-left:7px; |
| padding-right:7px; |
| } |
| .RadGrid_MySkin .rgClipCells .rgHeader, |
| .RadGrid_MySkin .rgClipCells .rgRow>td, |
| .RadGrid_MySkin .rgClipCells .rgAltRow>td |
| { |
| overflow:hidden; |
| } |
| .RadGrid_MySkin .rgHeader:first-child, |
| .RadGrid_MySkin th.rgResizeCol:first-child, |
| .RadGrid_MySkin .rgFilterRow>td:first-child, |
| .RadGrid_MySkin .rgRow>td:first-child, |
| .RadGrid_MySkin .rgAltRow>td:first-child |
| { |
| border-left:0; |
| padding-left:8px; |
| } |
| .RadGrid_MySkin .rgAdd, |
| .RadGrid_MySkin .rgRefresh, |
| .RadGrid_MySkin .rgEdit, |
| .RadGrid_MySkin .rgDel, |
| .RadGrid_MySkin .rgFilter, |
| .RadGrid_MySkin .rgPagePrev, |
| .RadGrid_MySkin .rgPageNext, |
| .RadGrid_MySkin .rgPageFirst, |
| .RadGrid_MySkin .rgPageLast, |
| .RadGrid_MySkin .rgExpand, |
| .RadGrid_MySkin .rgCollapse, |
| .RadGrid_MySkin .rgSortAsc, |
| .RadGrid_MySkin .rgSortDesc, |
| .RadGrid_MySkin .rgUpdate, |
| .RadGrid_MySkin .rgCancel, |
| .RadGrid_MySkin .rgUngroup |
| { |
| width:16px; |
| height:16px; |
| border:0; |
| margin:0; |
| padding:0; |
| background-color:transparent; |
| background-image:url('Grid/sprite.gif'); |
| background-repeat:no-repeat; |
| vertical-align:middle; |
| font-size:1px; |
| cursor:pointer; |
| } |
| .RadGrid_MySkin .rgGroupItem input, |
| .RadGrid_MySkin .rgCommandRow img, |
| .RadGrid_MySkin .rgHeader input, |
| .RadGrid_MySkin .rgFilterRow img, |
| .RadGrid_MySkin .rgFilterRow input, |
| .RadGrid_MySkin .rgPager img |
| { |
| vertical-align:middle; |
| } |
| /*header*/ |
| .RadGrid_MySkin .rgHeaderDiv |
| { |
| background:#d6e5f3 0 -5900px repeat-x url('Grid/sprite.gif'); |
| } |
| .rgTwoLines .rgHeaderDiv |
| { |
| background-position:0 -6200px; |
| } |
| .rgNoScrollImage .rgHeaderDiv |
| { |
| background-image:none; |
| } |
| .RadGrid_MySkin .rgHeader, |
| .RadGrid_MySkin th.rgResizeCol |
| { |
| border:solid #5d8cc9; |
| border-width:0 0 1px 1px; |
| padding-top:5px; |
| padding-bottom:4px; |
| background:0 -2300px repeat-x #c3d8f1 url('Grid/sprite.gif'); |
| text-align:left; |
| font-weight:normal; |
| } |
| .RadGrid_MySkin th.rgSorted |
| { |
| border-bottom-color:#ff9b35; |
| background-color:#ffca5e; |
| background-position:0 -2600px; |
| } |
| .RadGrid_MySkin .rgHeader, |
| .RadGrid_MySkin .rgHeader a |
| { |
| color:#00156e; |
| text-decoration:none; |
| } |
| .RadGrid_MySkin th.rgSorted, |
| .RadGrid_MySkin th.rgSorted a |
| { |
| color:#000; |
| } |
| .RadGrid_MySkin .rgCheck |
| { |
| height:15px; |
| margin:0; |
| padding:0; |
| } |
| /*rows*/ |
| .RadGrid_MySkin .rgRow td, |
| .RadGrid_MySkin .rgAltRow td, |
| .RadGrid_MySkin .rgEditRow td, |
| .RadGrid_MySkin .rgFooter td |
| { |
| border:1px solid; |
| border-top:0; |
| border-right:0; |
| padding-top:4px; |
| padding-bottom:3px; |
| } |
| .RadGrid_MySkin .rgRow td, |
| .RadGrid_MySkin .rgAltRow td |
| { |
| border-color:#d0d7e5; |
| } |
| .RadGrid_MySkin .rgRow .rgSorted, |
| .RadGrid_MySkin .rgAltRow .rgSorted |
| { |
| background-color:#f2f2f2; |
| } |
| .RadGrid_MySkin .rgSelectedRow .rgSorted, |
| .RadGrid_MySkin .rgActiveRow .rgSorted, |
| .RadGrid_MySkin .rgHoveredRow .rgSorted, |
| .RadGrid_MySkin .rgEditRow .rgSorted |
| { |
| background-color:transparent; |
| } |
| .RadGrid_MySkin .rgRow a, |
| .RadGrid_MySkin .rgAltRow a, |
| .RadGrid_MySkin .rgEditRow a, |
| .RadGrid_MySkin .rgFooter a, |
| .RadGrid_MySkin .rgEditForm a |
| { |
| color:#00156e; |
| } |
| .RadGrid_MySkin .rgSelectedRow |
| { |
| background:#ffcb60 0 -3900px repeat-x url('Grid/sprite.gif'); |
| } |
| *+html .RadGrid_MySkin .rgSelectedRow .rgSorted{background-color:#ffcb60} |
| * html .RadGrid_MySkin .rgSelectedRow .rgSorted{background-color:#ffcb60} |
| .RadGrid_MySkin .rgActiveRow, |
| .RadGrid_MySkin .rgHoveredRow |
| { |
| background:#ecf4ff; |
| } |
| *+html .RadGrid_MySkin .rgActiveRow .rgSorted, |
| *+html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff} |
| * html .RadGrid_MySkin .rgActiveRow .rgSorted, |
| * html .RadGrid_MySkin .rgHoveredRow .rgSorted{background-color:#ecf4ff} |
| .RadGrid_MySkin .rgEditRow |
| { |
| background:#ffe5ad; |
| } |
| *+html .RadGrid_MySkin .rgEditRow .rgSorted{background-color:#ffe5ad} |
| * html .RadGrid_MySkin .rgEditRow .rgSorted{background-color:#ffe5ad} |
| .RadGrid_MySkin .rgSelectedRow td, |
| .RadGrid_MySkin .rgActiveRow td, |
| .RadGrid_MySkin .rgHoveredRow td, |
| .RadGrid_MySkin .rgEditRow td |
| { |
| } |
| .RadGrid_MySkin .rgSelectedRow td |
| { |
| border-bottom-color:#ff9b35; |
| } |
| .RadGrid_MySkin .rgSelectedRow:hover |
| { |
| background:#ffcb60 0 -3900px repeat-x url('Grid/sprite.gif'); |
| } |
| *+html .RadGrid_MySkin .rgSelectedRow:hover .rgSorted:hover{background-color:#ffcb60} |
| * html .RadGrid_MySkin .rgSelectedRow:hover .rgSorted:hover{background-color:#ffcb60} |
| .RadGrid_MySkin .rgSelectedRow:hover td, |
| { |
| } |
| .RadGrid_MySkin .rgSelectedRow:hover td |
| { |
| border-bottom-color:#ffcb60; |
| } |
| .RadGrid_MySkin .rgActiveRow td, |
| .RadGrid_MySkin .rgHoveredRow td, |
| .RadGrid_MySkin .rgEditRow td |
| { |
| border-bottom-color:#d0d7e5; |
| } |
| /*footer*/ |
| .RadGrid_MySkin .rgFooterDiv, |
| .RadGrid_MySkin .rgFooter |
| { |
| background:#9ab5db 0 -6500px repeat-x url('Grid/sprite.gif'); |
| } |
| .RadGrid_MySkin .rgFooter td |
| { |
| border-width:1px 0; |
| border-color:#567db0 #fff #fff; |
| padding-left:8px; |
| } |
| /*status*/ |
| .RadGrid_MySkin .rgPager .rgStatus |
| { |
| width:35px; |
| border:0; |
| border-top:1px solid #5d8cc9; |
| border-right:1px solid #9cb9dc; |
| border-color:#5d8cc9 #9cb9dc; |
| padding:3px; |
| } |
| .RadGrid_MySkin .rgStatus div |
| { |
| width:24px; |
| height:24px; |
| overflow:hidden; |
| border:0; |
| margin:0 auto; |
| padding:0; |
| background:transparent center center no-repeat url('Common/loading_small.gif'); |
| text-indent:-2222px; |
| } |
| /*pager*/ |
| .RadGrid_MySkin .rgPager |
| { |
| background:#ecf3fc 0 -7000px repeat-x url('Grid/sprite.gif'); |
| } |
| .RadGrid_MySkin .rgPager td |
| { |
| padding:0; |
| } |
| .RadGrid_MySkin .rgPager .rgPagerCell |
| { |
| border:0; |
| border-top:1px solid #5d8cc9; |
| border-left:1px solid #fff; |
| padding:5px 0; |
| } |
| .RadGrid_MySkin .rgWrap |
| { |
| float:left; |
| padding:0 10px; |
| line-height:22px; |
| white-space:nowrap; |
| } |
| .RadGrid_MySkin .rgArrPart1 |
| { |
| padding-right:0; |
| } |
| .RadGrid_MySkin .rgArrPart2 |
| { |
| padding-left:0; |
| } |
| .RadGrid_MySkin .rgInfoPart |
| { |
| float:right; |
| color:#333; |
| } |
| .RadGrid_MySkin .rgInfoPart strong |
| { |
| font-weight:normal; |
| color:#000; |
| } |
| .RadGrid_MySkin .rgArrPart1 img, |
| .RadGrid_MySkin .rgArrPart2 img |
| { |
| margin:0 8px; |
| } |
| .RadGrid_MySkin .rgPageFirst, |
| .RadGrid_MySkin .rgPagePrev, |
| .RadGrid_MySkin .rgPageNext, |
| .RadGrid_MySkin .rgPageLast |
| { |
| width:17px; |
| height:22px; |
| vertical-align:top; |
| } |
| .RadGrid_MySkin .NextPrev .rgPageFirst, |
| .RadGrid_MySkin .NextPrev .rgPagePrev, |
| .RadGrid_MySkin .NextPrev .rgPageNext, |
| .RadGrid_MySkin .NextPrev .rgPageLast |
| { |
| vertical-align:middle; |
| } |
| .RadGrid_MySkin .rgPageFirst |
| { |
| margin:0 3px 0 0; |
| background-position:0 -548px; |
| } |
| .RadGrid_MySkin .rgPageFirst:hover |
| { |
| background-position:0 -598px; |
| } |
| .RadGrid_MySkin .rgPagePrev |
| { |
| margin:0 3px 0 0; |
| background-position:0 -698px; |
| } |
| .RadGrid_MySkin .rgPagePrev:hover |
| { |
| background-position:0 -748px; |
| } |
| .RadGrid_MySkin .rgPageNext |
| { |
| margin:0 0 0 3px; |
| background-position:0 -848px; |
| } |
| .RadGrid_MySkin .rgPageNext:hover |
| { |
| background-position:0 -898px; |
| } |
| .RadGrid_MySkin .rgPageLast |
| { |
| margin:0 0 0 3px; |
| background-position:0 -998px; |
| } |
| .RadGrid_MySkin .rgPageLast:hover |
| { |
| background-position:0 -1048px; |
| } |
| .RadGrid_MySkin .rgPagerButton |
| { |
| height:22px; |
| border:1px solid #7793b9; |
| margin:0 14px 0 0; |
| padding:0 4px 2px; |
| background:#e8f1fc repeat-x 0 -1550px url('Grid/sprite.gif'); |
| color:#00156e; |
| font:12px/12px "segoe ui",arial,sans-serif; |
| vertical-align:middle; |
| cursor:pointer; |
| } |
| .RadGrid_MySkin .rgNumPart |
| { |
| padding:0; |
| } |
| .RadGrid_MySkin .NumericPages .rgNumPart |
| { |
| padding:0 10px; |
| } |
| .RadGrid_MySkin .rgNumPart a:hover, |
| .RadGrid_MySkin .rgNumPart a:hover span, |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage, |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage span |
| { |
| background:no-repeat url('Grid/sprite.gif'); |
| } |
| .RadGrid_MySkin .rgNumPart a |
| { |
| float:left; |
| line-height:22px; |
| margin:0; |
| padding:0 5px 0 0; |
| color:#00156e; |
| text-decoration:none; |
| } |
| .RadGrid_MySkin .rgNumPart span |
| { |
| float:left; |
| padding:0 0 0 5px; |
| } |
| .RadGrid_MySkin .rgNumPart a:hover |
| { |
| background-position:100% -1250px; |
| } |
| .RadGrid_MySkin .rgNumPart a:hover span |
| { |
| background-position:0 -1150px; |
| cursor:pointer; |
| } |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage, |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage:hover |
| { |
| background-position:100% -1450px; |
| cursor:default; |
| } |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage span, |
| .RadGrid_MySkin .rgNumPart a.rgCurrentPage:hover span |
| { |
| background-position:0 -1350px; |
| cursor:default; |
| } |
| .RadGrid_MySkin .NextPrevNumericAndAdvanced .rgAdvPart |
| { |
| float:none; |
| text-align:center; |
| } |
| .RadGrid_MySkin .rgPager .RadSlider |
| { |
| float:left; |
| margin:0 10px 0 0; |
| } |
| .RadGrid_MySkin .rgPager .rgPagerLabel, |
| .RadGrid_MySkin .rgPager .RadComboBox, |
| .RadGrid_MySkin .rgPager .RadInput_MySkin |
| { |
| margin:0 4px 0 0; |
| vertical-align:middle; |
| } |
| *+html .RadGrid_MySkin .rgPager .RadComboBox{margin-top:-1px;} |
| * html .RadGrid_MySkin .rgPager .RadComboBox{margin-top:-1px;padding:1px 0;} |
| .RadGrid_MySkin .rgPagerTextBox |
| { |
| text-align:center; |
| } |
| /*sorting, reordering*/ |
| .RadGrid_MySkin .rgHeader .rgSortAsc |
| { |
| background-position:3px -147px; |
| height:10px; |
| } |
| .RadGrid_MySkin .rgHeader .rgSortDesc |
| { |
| background-position:3px -96px; |
| height:10px; |
| } |
| .GridReorderTop_MySkin, |
| .GridReorderBottom_MySkin |
| { |
| width:9px !important; |
| height:9px !important; |
| margin-left:-5px; |
| background:0 0 no-repeat url('Grid/sprite.gif'); |
| } |
| .GridReorderBottom_MySkin |
| { |
| background-position:0 -50px; |
| } |
| /*filtering*/ |
| .RadGrid_MySkin .rgFilterRow |
| { |
| background:#d6e5f3; |
| } |
| .RadGrid_MySkin .rgFilterRow td |
| { |
| padding-top:5px; |
| padding-bottom:6px; |
| border:solid #9eb6ce; |
| border-width:0 0 1px 1px; |
| } |
| .RadGrid_MySkin .rgFilter |
| { |
| width:22px; |
| height:22px; |
| margin:0 0 0 2px; |
| background-position:0 -300px; |
| } |
| .RadGrid_MySkin .rgFilter:hover |
| { |
| background-position:0 -350px; |
| } |
| .RadGrid_MySkin .rgFilterActive, |
| .RadGrid_MySkin .rgFilterActive:hover |
| { |
| background-position:0 -400px; |
| } |
| .RadGrid_MySkin .rgFilterBox |
| { |
| border:1px solid #abc1de; |
| padding:2px 1px 3px; |
| font:12px "segoe ui",arial,sans-serif; |
| color:#000; |
| vertical-align:middle; |
| } |
| /*grouping*/ |
| .RadGrid_MySkin .rgGroupPanel |
| { |
| height:24px; |
| border:0; |
| border-bottom:1px solid #688caf; |
| background:#ecf3fc; |
| } |
| .RadGrid_MySkin .rgGroupPanel td |
| { |
| border:0; |
| padding:3px 4px; |
| vertical-align:middle; |
| } |
| .RadGrid_MySkin .rgGroupPanel td td |
| { |
| padding:0; |
| } |
| .RadGrid_MySkin .rgGroupPanel .rgSortAsc |
| { |
| background-position:4px -144px; |
| } |
| .RadGrid_MySkin .rgGroupPanel .rgSortDesc |
| { |
| background-position:4px -94px; |
| } |
| .RadGrid_MySkin .rgUngroup |
| { |
| background-position:0 -7500px; |
| } |
| .RadGrid_MySkin .rgGroupItem |
| { |
| border:1px solid #4b78ca; |
| padding:0 2px 1px 3px; |
| background:#e6ebf5 0 -1900px repeat-x url('Grid/sprite.gif'); |
| color:#00156e; |
| line-height:20px; |
| font-weight:normal; |
| vertical-align:middle; |
| } |
| .RadGrid_MySkin .rgGroupHeader |
| { |
| background:#d7e6f7; |
| font-size:1.1em; |
| line-height:21px; |
| color:#567db0; |
| } |
| .RadGrid_MySkin .rgGroupHeader td |
| { |
| border-top:1px solid #fcfcfd; |
| border-bottom:1px solid #6f92b3; |
| padding:0 7px 0 8px; |
| } |
| .RadGrid_MySkin td.rgGroupCol, |
| .RadGrid_MySkin td.rgExpandCol |
| { |
| background:#d7e6f7 none; |
| border-color:#d7e6f7; |
| } |
| .RadGrid_MySkin .rgGroupHeader .rgExpand |
| { |
| background-position:5px -495px; |
| } |
| .RadGrid_MySkin .rgGroupHeader .rgCollapse |
| { |
| background-position:3px -93px; |
| } |
| .RadGrid_MySkin .rgGroupHeader td p |
| { |
| display:inline; |
| margin:0; |
| padding:0 10px; |
| } |
| .RadGrid_MySkin .rgGroupHeader td div div |
| { |
| top:-0.8em; |
| padding:0 10px; |
| } |
| .RadGrid_MySkin .rgGroupHeader td div div div |
| { |
| top:0; |
| padding:0; |
| border:0; |
| } |
| /*editing*/ |
| .RadGrid_MySkin .rgEditForm |
| { |
| border-bottom:1px solid #d0d7e5; |
| } |
| .RadGrid_MySkin .rgUpdate |
| { |
| background-position:0 -1800px; |
| } |
| .RadGrid_MySkin .rgCancel |
| { |
| background-position:2px -1848px; |
| } |
| /*hierarchy*/ |
| .RadGrid_MySkin .rgDetailTable |
| { |
| border:1px solid #688caf; |
| border-right:0; |
| } |
| .RadGrid_MySkin .rgExpand |
| { |
| background-position:5px -496px; |
| } |
| .RadGrid_MySkin .rgCollapse |
| { |
| background-position:3px -94px; |
| } |
| /*command row*/ |
| .RadGrid_MySkin .rgCommandRow |
| { |
| background:#d6e6f4 0 -2099px repeat-x url('Grid/sprite.gif'); |
| color:#333; |
| } |
| .RadGrid_MySkin .rgCommandCell |
| { |
| border:0; |
| padding:0; |
| } |
| .RadGrid_MySkin thead .rgCommandCell |
| { |
| border-bottom:1px solid #688caf; |
| } |
| .RadGrid_MySkin tfoot .rgCommandCell |
| { |
| border-top:1px solid #688caf; |
| } |
| .RadGrid_MySkin .rgCommandTable td |
| { |
| border:0; |
| padding:3px 7px 4px; |
| } |
| .RadGrid_MySkin .rgCommandTable |
| { |
| border:1px solid #f6f7f9; |
| } |
| .RadGrid_MySkin .rgCommandRow a |
| { |
| color:#00156e; |
| text-decoration:none; |
| } |
| .RadGrid_MySkin .rgAdd |
| { |
| margin-right:3px; |
| background-position:0 -1650px; |
| } |
| .RadGrid_MySkin .rgRefresh |
| { |
| margin-right:3px; |
| background-position:0 -1600px; |
| } |
| .RadGrid_MySkin .rgEdit |
| { |
| background-position:0 -1700px; |
| } |
| .RadGrid_MySkin .rgDel |
| { |
| background-position:0 -1750px; |
| } |
| /*multirow select*/ |
| .GridRowSelector_MySkin |
| { |
| background:#00156e; |
| } |
| /*row drag n drop*/ |
| .GridItemDropIndicator_MySkin |
| { |
| border-top:1px dashed #00156e; |
| } |
| /*tooltip*/ |
| .GridToolTip_MySkin |
| { |
| border:1px solid #6187b8; |
| padding:3px; |
| background:#d7e3f2; |
| color:#333; |
| } |
| /*rtl*/ |
| .RadGridRTL_MySkin .rgHeader, |
| .RadGridRTL_MySkin .rgResizeCol |
| { |
| text-align:right; |
| } |
| .RadGridRTL_MySkin .rgHeader:first-child, |
| .RadGridRTL_MySkin th.rgResizeCol:first-child, |
| .RadGridRTL_MySkin .rgFilterRow>td:first-child, |
| .RadGridRTL_MySkin .rgRow>td:first-child, |
| .RadGridRTL_MySkin .rgAltRow>td:first-child |
| { |
| border-left:1px solid; |
| padding-left:7px; |
| } |
| .RadGridRTL_MySkin .rgPager .rgStatus |
| { |
| border-right:0; |
| border-left-width:1px; |
| } |
| .RadGridRTL_MySkin .rgWrap |
| { |
| float:right; |
| } |
| .RadGridRTL_MySkin .rgInfoPart |
| { |
| float:left; |
| } |
| .RadGridRTL_MySkin .rgNumPart |
| { |
| width:220px; |
| } |
| .RadGridRTL_MySkin .rgNumPart a |
| { |
| float:right; |
| } |
| .RadGridRTL_MySkin .rgDetailTable |
| { |
| border-right:1px solid; |
| border-left:0; |
| } |
1 answer
108 views
I've been working more and more with the client side portion of the rad controls lately and I want to know if this intellisense is working correctly.
For example:
When I type item. in the code above, is there a reason I do not see the get_ set_ methods for this object? I've attached a screen shot of how the intellisense appears in VS. Is this normal, if so what is the reason?
I'm using VS 2008, Rad Q2 2009, and have a ScriptManager in the first line after <form...>
Any advice would be appreciated,
Ed
For example:
| <script type="text/javascript"> |
| function Test() { |
| var item = new Telerik.Web.UI.RadListBoxItem(); |
| item. |
| } |
| </script> |
When I type item. in the code above, is there a reason I do not see the get_ set_ methods for this object? I've attached a screen shot of how the intellisense appears in VS. Is this normal, if so what is the reason?
I'm using VS 2008, Rad Q2 2009, and have a ScriptManager in the first line after <form...>
Any advice would be appreciated,
Ed
Schlurk
Top achievements
Rank 2
Rank 2
answered
on
04 Nov 2009
1 answer
125 views
Hello,
Recently upgraded to the latest code-base. I was wondering if you have added any support for printing from the scheduler, or if there is a way to create a nice view to print.
Thanks.
Recently upgraded to the latest code-base. I was wondering if you have added any support for printing from the scheduler, or if there is a way to create a nice view to print.
Thanks.
2 answers
243 views
Hi,
I've got a grid that is bound to a bunch of different datasources depending on some other controls on the screen. Due to this, the columns are automatically generated. I have been trying to get the columns to sort, but it doesnt seem to be working.
I've set the AllowSorting property to true on both the Grid itself and the mastertable view. I can click on the headers, and the sort icons appear, and it triggers a postback, however the data is not being sorted.
Is there something else that needs to be set up?
I've got a grid that is bound to a bunch of different datasources depending on some other controls on the screen. Due to this, the columns are automatically generated. I have been trying to get the columns to sort, but it doesnt seem to be working.
I've set the AllowSorting property to true on both the Grid itself and the mastertable view. I can click on the headers, and the sort icons appear, and it triggers a postback, however the data is not being sorted.
Is there something else that needs to be set up?
1 answer
319 views
I am receiving an exception whenever i peform any postback on a page with a grid.
I am adding the grid's column in code and also putting the whole grid into edit mode. The datasource is a datatable. I've been using the examples from the tutorials to get started. I also have 2 linkbuttons in the CommandItemTemplate. Whenever i click on either button, i never back it to the ItemCommand, instead i receive an exception:
DotNetNuke.Services.Exceptions.PageLoadException: Specified argument was out of the range of valid values. Parameter name: index ---> System.ArgumentOutOfRangeException: Specified argument was out of the range of valid values. Parameter name: indexat System.Web.UI.ControlCollection.get_Item(Int32 index)at Telerik.Web.UI.GridTextBoxColumnEditor.LoadControlsFromContainer() ...
I can provide the rest of the stack trace if you need.
here is the ascx code:
| <telerik:RadGrid ID="grdProspects" runat="server" AutoGenerateColumns="false" AllowMultiRowEdit="true"> |
| <ClientSettings EnableRowHoverStyle="true"> |
| <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="400" /> |
| </ClientSettings> |
| <MasterTableView EditMode="InPlace" CommandItemDisplay="TopAndBottom"> |
| <CommandItemStyle Height="25px" HorizontalAlign="Right" /> |
| <CommandItemTemplate> |
| <asp:LinkButton ID="lnkAddProspect" runat="server" CommandName="ADD_PROSPECT"><asp:Image ID="imgAddProspect" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/ADD.gif" ToolTip="Add New Prospect" /> Add New Prospect</asp:LinkButton> |
| |
| <asp:LinkButton ID="lnkSaveProspects" runat="server" CommandName="SAVE_PROSPECTS"><asp:Image ID="Image1" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/save.gif" ToolTip="Save Changes" /> Save Changes</asp:LinkButton> |
| |
| </CommandItemTemplate> |
| </MasterTableView> |
| </telerik:RadGrid> |
here is the vb code:
| Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load |
| If Not IsPostBack Then |
| For Each column As SourceColumn In MyProspectEditor.SourceColumns |
| Dim boundColumn As New GridBoundColumn() |
| boundColumn.DataField = column.Name |
| boundColumn.HeaderText = column.Name |
| boundColumn.ReadOnly = column.IsReadOnly |
| grdProspects.MasterTableView.Columns.Add(boundColumn) |
| Next |
| End If |
| End Sub |
| #Region " Prospects " |
| Private Sub grdProspects_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles grdProspects.ItemCommand |
| Select Case e.CommandName.ToUpper |
| Case "SAVE_PROSPECTS" |
| Case "ADD_PROSPECT" |
| End Select |
| End Sub |
| Private Sub grdProspects_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles grdProspects.NeedDataSource |
| If MyProspectEditor IsNot Nothing Then |
| grdProspects.DataSource = MyProspectEditor.GetWorkingData() |
| End If |
| End Sub |
| Private Sub grdProspects_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles grdProspects.PreRender |
| If Not IsPostBack Then |
| For Each item As GridItem In grdProspects.MasterTableView.Items |
| If TypeOf item Is GridEditableItem Then |
| Dim editableItem As GridEditableItem = CType(item, GridDataItem) |
| editableItem.Edit = True |
| End If |
| Next |
| grdProspects.Rebind() |
| End If |
| End Sub |
Any ideas?
thanks!
2 answers
142 views
Why does the tooltip reload it's content when I only move the mouse on the object and not outside?
Andreas Selling
Top achievements
Rank 2
Rank 2
answered
on
04 Nov 2009
8 answers
276 views
Has anyone else run into this problem, and does anyone know a workaround?
The problem seems to ONLY occur in IE8, but if you have a vertical scrolling RadListBox and try to scroll down in the list, and select something, the box will "jump" back to the top of the list, making it almost impossible to select items further down in the list.
Again, this only happens in IE8 native mode. IE6 and 7, firefox, safari, opera, chrome, and even IE8 compatibility mode seem to work fine.
It's not a huge deal, but certaintly stuff of unecessary user enquiries when implemented.
Thanks,
Kuba
The problem seems to ONLY occur in IE8, but if you have a vertical scrolling RadListBox and try to scroll down in the list, and select something, the box will "jump" back to the top of the list, making it almost impossible to select items further down in the list.
Again, this only happens in IE8 native mode. IE6 and 7, firefox, safari, opera, chrome, and even IE8 compatibility mode seem to work fine.
It's not a huge deal, but certaintly stuff of unecessary user enquiries when implemented.
Thanks,
Kuba
1 answer
230 views
Using this example, I was able to create a working CRUD interface using a SQL view; however, when I added calculated columns to the view, I received the following error.
Sys.WebForms.PageRequestManagerServerErrorException: Update or insert of view or function 'dbo.vwEnum' failed because it contains a derived or constant field.
Here's the table class definition. CreateUser and UpdateUser are the calculated columns, and it works if they are removed. Does anyone know how to prevent the calculated columns from being updated?
| <Table Name="dbo.vwEnum" Member="vwEnums"> |
| <Type Name="vwEnum"> |
| <Column Name="EnumId" Type="System.Int32" DbType="Int NOT NULL IDENTITY" IsPrimaryKey="true" IsDbGenerated="true" CanBeNull="false" /> |
| <Column Name="Created" Type="System.DateTime" DbType="DateTime NOT NULL" CanBeNull="false" /> |
| <Column Name="CreateUserId" Type="System.Int32" DbType="Int NOT NULL" CanBeNull="false" /> |
| <Column Name="Updated" Type="System.DateTime" DbType="DateTime NOT NULL" CanBeNull="false" /> |
| <Column Name="UpdateUserId" Type="System.Int32" DbType="Int NOT NULL" CanBeNull="false" /> |
| <Column Name="Name" Type="System.String" DbType="VarChar(50) NOT NULL" CanBeNull="false" /> |
| <Column Name="Code" Type="System.String" DbType="VarChar(20) NOT NULL" CanBeNull="false" /> |
| <Column Name="Description" Type="System.String" DbType="VarChar(1000) NOT NULL" CanBeNull="false" /> |
| <Column Name="Attributes" Type="System.Xml.Linq.XElement" DbType="Xml" CanBeNull="true" UpdateCheck="Never" /> |
| <Column Name="CreateUser" Type="System.String" DbType="VarChar(153)" IsReadOnly="true" CanBeNull="true" /> |
| <Column Name="UpdateUser" Type="System.String" DbType="VarChar(153)" IsReadOnly="true" CanBeNull="true" /> |
| <Association Name="vwEnum_vwEnumValue" Member="vwEnumValues" ThisKey="EnumId" OtherKey="EnumId" Type="vwEnumValue" /> |
| </Type> |
| </Table> |
3 answers
183 views
My drag and drop works perfectly in Chrome, however I just discovered that in IE, the grid 'loses' the associated styles and javascript after a postback. When the page first loads, everything looks and works. But after dragging, the page does a full postback (even though I am using a RadAjaxPanel) and when it loads again I see my grid populated with all the right data but it does not display correctly and the drag and drop no longer works.
The attached images show what it looks like before and after a drag.
Here are my grids:
<telerik:RadGrid runat="server" ID="grdAvailableItems" AllowMultiRowSelection="True"
Visible="true" ShowHeader="false" Height="145" Width="620" OnNeedDataSource="grdAvailableItems_NeedDataSource"
OnRowDrop="grdAvailableItems_RowDrop" AutoGenerateColumns="False" GridLines="None"
Skin="Default" BorderColor="#8CB71F" BorderWidth="1px">
<MasterTableView DataKeyNames="ItemTypeID">
<NoRecordsTemplate>
<div style="padding: 3px 0px 0px 5px">
Click on an item above to load selections</div>
</NoRecordsTemplate>
<Columns>
<telerik:GridBoundColumn DataField="ItemTypeName" HeaderText="ItemTypeName" UniqueName="ItemTypeName">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowRowsDragDrop="True">
<Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />
<ClientEvents OnRowDropping="onRowDropping" />
<Scrolling AllowScroll="True" />
</ClientSettings>
</telerik:RadGrid>
and
<telerik:RadGrid runat="server" ID="grdSelectedItems" AllowMultiRowSelection="true"
OnDeleteCommand="grdSelectedItems_DeleteCommand" Visible="true" ShowHeader="false"
Height="125" Width="620" AutoGenerateColumns="False" OnNeedDataSource="grdSelectedItems_NeedDataSource"
OnRowDrop="grdSelectedItems_RowDrop" Skin="Default" BorderColor="#8CB71F" BorderWidth="1px">
<MasterTableView DataKeyNames="ItemTypeID">
<NoRecordsTemplate>
<div style="height: 95px; width: 590px; cursor: pointer; padding: 3px 0px 0px 5px">
Drag selected items to this area</div>
</NoRecordsTemplate>
<Columns>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" Text="Delete"
UniqueName="DeleteColumn">
<ItemStyle HorizontalAlign="Center" Width="20px" />
</telerik:GridButtonColumn>
<telerik:GridBoundColumn DataField="ItemTypeName" HeaderText="ItemTypeName" UniqueName="ItemTypeName">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowRowsDragDrop="True">
<Selecting AllowRowSelect="False" EnableDragToSelectRows="True" />
<Scrolling AllowScroll="True" />
</ClientSettings>
</telerik:RadGrid>
Thanks for any help!
- John
