Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
146 views

Hi I've created a new skin based on the bootstrap skin.  Everything is good except for the filter menu formatting.  I can't inspect it using the usual browser tools to see what css class is missing.  Can you point me in the right direction?

 

Here is my skin file:

.RadGrid_CorpsNETBootstrap {
  border: 1px solid #dddddd;
  border-radius: 4px;
  color: #333333;
  background-color: #ffffff;
  /*header*/
  /*rows*/ }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel,
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap .rgCommandRow {
    height: 30px;
    background: #f5f5f5; }
  .RadGrid_CorpsNETBootstrap .rgMasterTable,
  .RadGrid_CorpsNETBootstrap .rgDetailTable,
  .RadGrid_CorpsNETBootstrap .rgGroupPanel table,
  .RadGrid_CorpsNETBootstrap .rgCommandRow table,
  .RadGrid_CorpsNETBootstrap .rgEditForm table,
  .RadGrid_CorpsNETBootstrap .rgPager table {
    font: 12px/1.42857 "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .RadGrid_CorpsNETBootstrap .rgInput {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #555555; }
  .RadGrid_CorpsNETBootstrap a {
    color: #2952A7;
}
  .RadGrid_CorpsNETBootstrap .rgRow > td:first-child,
  .RadGrid_CorpsNETBootstrap .rgAltRow > td:first-child {
    border-left-width: 0;
    padding-left: 8px; }
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgUpdate,
  .RadGrid_CorpsNETBootstrap .rgCancel,
  .RadGrid_CorpsNETBootstrap .rgEdit,
  .RadGrid_CorpsNETBootstrap .rgDel,
  .RadGrid_CorpsNETBootstrap .rgExpand,
  .RadGrid_CorpsNETBootstrap .rgCollapse,
  .RadGrid_CorpsNETBootstrap .rgFilter,
  .RadGrid_CorpsNETBootstrap .rgAdd,
  .RadGrid_CorpsNETBootstrap .rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSortAsc,
  .RadGrid_CorpsNETBootstrap .rgSortDesc,
  .RadGrid_CorpsNETBootstrap .rgUngroup,
  .RadGrid_CorpsNETBootstrap .rgPagePrev,
  .RadGrid_CorpsNETBootstrap .rgPageNext,
  .RadGrid_CorpsNETBootstrap .rgPageFirst,
  .RadGrid_CorpsNETBootstrap .rgPageLast,
  .RadGrid_CorpsNETBootstrap .rgExpXLS,
  .RadGrid_CorpsNETBootstrap .rgExpDOC,
  .RadGrid_CorpsNETBootstrap .rgExpPDF,
  .RadGrid_CorpsNETBootstrap .rgExpCSV,
  .RadGrid_CorpsNETBootstrap .rgPrev span,
  .RadGrid_CorpsNETBootstrap .rgNext span {
    background-image: url('Common/radActionsSprite.png');
    width: 32px !important;
    height: 32px !important; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap th.rgResizeCol,
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper,
  .RadGrid_CorpsNETBootstrap .rgMultiHeaderRow th.rgHeader {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeader th:first-child {
    border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap.rgMultiHeader .rgHeaderDiv {
    margin-left: 0; }
  .RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol, .RadGrid_CorpsNETBootstrap.rgMultiHeader th.rgExpandCol {
    border-left: 0 none; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap th.rgResizeCol,
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
    background-color: #f5f5f5; }
  .RadGrid_CorpsNETBootstrap .rgHeaderDiv {
    border-right: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap .rgHeader a {
    color: #333333; }
  .RadGrid_CorpsNETBootstrap .rgRow > td,
  .RadGrid_CorpsNETBootstrap .rgAltRow > td,
  .RadGrid_CorpsNETBootstrap .rgEditRow > td {
    padding: 9px 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgAltRow > td {
    background-color: #F2F7F5;
}
  .RadGrid_CorpsNETBootstrap .rgAltRow .rgSorted {
    background-color: #ececec; }
  .RadGrid_CorpsNETBootstrap .rgAltRow.rgHoveredRow .rgSorted {
    background-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHoveredRow > td {
    background: #FFFFE1;
}
  .RadGrid_CorpsNETBootstrap .rgEditRow {
    background: #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgEditRow > td {
      border-style: solid;
      border-width: 0 0 1px 0;
      border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgSorted {
    background-color: #e4e4e4; }
  .RadGrid_CorpsNETBootstrap .rgMasterTable .rgSelectedCell,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow > td,
  .RadGrid_CorpsNETBootstrap td.rgEditRow .rgSelectedRow,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow td.rgSorted {
    color: #ffffff;
    background: #337ab7;
    border-color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgSelectedRow.rgHoveredRow {
    background: #337ab7; }
  .RadGrid_CorpsNETBootstrap .rgSelectedCell a,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow a {
    color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgDrag {
    background-image: url('Grid/rgDrag.gif'); }
  .RadGrid_CorpsNETBootstrap .rgFooterWrapper {
    border-top: 1px solid #dddddd;
    background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooterWrapper tr.rgFooter td {
      border-bottom-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgFooter td {
    padding: 7px 0 7px 7px;
    height: 26px;
    border-left: 1px solid #dddddd;
    background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol {
      background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooter td:first-child {
      border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgPager .rgStatus {
    width: 58px;
    background-color: #f5f5f5;
    border-right: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgStatus div {
    width: auto;
    height: auto;
    background-image: url('Common/loading_small.gif');
    background-position: 16px 0;
    background-repeat: no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgPager > td {
    border-top: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap td.rgPagerCell {
    padding: 7px !important; }
  .RadGrid_CorpsNETBootstrap .rgPagerCell {
    border-top: 1px solid #cccccc;
    background: #f5f5f5;
    color: #999999;
    font: 12px/1.42857 "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgWrap {
      padding: 0;
      line-height: normal; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart1,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 {
      font-size: 0; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart1 img,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 img {
        margin: 0 -1px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
      margin: 0;
      padding: 0;
      width: 32px;
      height: 32px;
      border: 1px solid #cccccc;
      border-left-width: 0;
      box-sizing: content-box;
      background-color: #ffffff;
      color: #333333; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #333333; }
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
      height: 34px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:first-child {
      border-left-width: 1px;
      border-radius: 4px 0 0 4px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:last-child {
      border-radius: 0 4px 4px 0; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
      text-align: center; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #418a86;
    border: 1px solid #416D6A;
    color: #ffffff;
}
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart span {
      padding: 5px 0;
      display: inline-block;
      float: none; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
      padding: 0 7px;
      width: auto;
      border-left-width: 1px;
      border-radius: 4px;
      font-size: 12px;
      line-height: 32px; }
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .riTextBox.rgPagerTextBox {
      margin-left: -10px;
      padding-left: 0;
      padding-right: 0; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerLabel {
      padding: 7px 7px 0 7px;
      line-height: 1.42857;
      display: inline-block; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgInfoPart {
      margin-top: 9px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgAdvPart {
      margin-left: 10px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
      background-image: url('Common/radActionsSprite.png');
      background-repeat: no-repeat; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst {
      border-left-width: 1px;
      border-radius: 4px 0 0 4px;
      background-position: -9px -709px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev {
      background-position: -9px -109px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext {
      background-position: -9px -159px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
      border-radius: 0 4px 4px 0;
      background-position: -9px -759px; }
  .RadGrid_CorpsNETBootstrap .rgSortAsc {
    background-position: -9px -9px; }
  .RadGrid_CorpsNETBootstrap .rgSortDesc {
    background-position: -9px -59px; }
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev,
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext {
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border-color: #cccccc;
    color: #333333;
    margin-right: 10px; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev span,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext span {
      width: 10px;
      height: 10px; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev:hover,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext:hover {
      background-color: #e6e6e6; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext.rgDisabled:hover {
      background-color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgPrev span {
    margin-right: 10px;
    background-position: -20px -120px; }
  .RadGrid_CorpsNETBootstrap .rgNext span {
    margin-left: 10px;
    background-position: -20px -170px; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow > td {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgFilterBox {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 4px 0 0 4px; }
  .RadGrid_CorpsNETBootstrap .rgFilter {
    margin-left: -1px;
    width: 33px;
    height: 32px;
    background-position: -9px -4509px;
    border: 1px solid #dddddd;
    border-radius: 0 4px 4px 0;
    box-sizing: content-box; }
    .RadGrid_CorpsNETBootstrap .rgFilter:hover {
      background-color: #e6e6e6; }
  * + html .RadGrid_CorpsNETBootstrap .rgFilter {
    height: 34px; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow .riTextBox {
    border-radius: 4px 0 0 4px; }
  .RadGrid_CorpsNETBootstrap a.rcCalPopup,
  .RadGrid_CorpsNETBootstrap a.rcTimePopup {
    margin-right: 0;
    border-radius: 0; }
  .RadGrid_CorpsNETBootstrap .rgFiltered,
  .RadGrid_CorpsNETBootstrap .rgFiltered:hover {
    background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow .riSingle .riTextBox {
    vertical-align: top; }
  .RadGrid_CorpsNETBootstrap .rgOptions {
    background: url('Common/radActionsSprite.png') -17.5px -6017.5px no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgOptSelected {
    background-position: -67.5px -6017.5px; }
  .RadGrid_CorpsNETBootstrap table.rgMasterTable .rgGroupCol {
    border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel {
    padding: 7px;
    border: 0;
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel td {
    border: 0;
    padding: 3px 4px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel td td {
    padding: 0;
    line-height: 29px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortAsc {
    background-position: -9px -9px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortDesc {
    background-position: -9px -59px; }
  .RadGrid_CorpsNETBootstrap .rgUngroup {
    background-position: -9px -3359px; }
  .RadGrid_CorpsNETBootstrap .rgGroupItem {
    padding: 0 7px;
    border: 1px solid #dddddd;
    color: #333333; }
  .RadGrid_CorpsNETBootstrap .rgGroupHeader > td {
    padding: 7px 0;
    height: 32px;
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgGroupHeader > td div div div {
      top: 17px; }
  .RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol,
  .RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol ~ td {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgGroupHeader .rgGroupCol {
    border-bottom-width: 0;
    border-top-width: 0;
    background: #ffffff; }
  .RadGrid_CorpsNETBootstrap td.rgGroupCol {
    border-top-width: 0;
    background: #fbfbfb !important; }
  .RadGrid_CorpsNETBootstrap .rgRow > .rgGroupCol,
  .RadGrid_CorpsNETBootstrap .rgAltRow > .rgGroupCol {
    border-bottom: none; }
  .RadGrid_CorpsNETBootstrap .rgExpandCol {
    border-left-width: 0;
    background: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgExpand {
    background-position: -9px -159px; }
  .RadGrid_CorpsNETBootstrap .rgCollapse {
    background-position: -59px -59px; }
  .RadGrid_CorpsNETBootstrap .rgRow [type="text"],
  .RadGrid_CorpsNETBootstrap .rgAltRow [type="text"],
  .RadGrid_CorpsNETBootstrap .rgEditForm [type="text"] {
    padding: 0 7px;
    height: 32px;
    border: 1px solid #dddddd;
    border-radius: 4px; }
  .RadGrid_CorpsNETBootstrap .RadComboBox .rcbInput {
    border: 0 none;
    height: 24px;
    padding: 0; }
  .RadGrid_CorpsNETBootstrap .rgBatchContainer > input {
    padding: 4px 7px; }
  .RadGrid_CorpsNETBootstrap .rgBatchContainer {
    margin: -9px 0px; }
  .RadGrid_CorpsNETBootstrap .rgBatchOverlay {
    background: rgba(221, 221, 221, 0.75); }
  .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton {
    padding: 0 10px 0 0;
    left: 7px;
    border: 1px solid;
    border-color: #cccccc;
    color: #333333;
    background-color: #ffffff;
    border-radius: 4px; }
    .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:before {
      width: 32px;
      height: 32px;
      vertical-align: -11px;
      background-image: url('Common/radActionsSprite.png');
      background-position: -10px -5960px;
      background-repeat: no-repeat; }
    .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:hover {
      border-color: #adadad;
      color: #333333;
      background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap .rgEditForm {
    margin: -1px;
    padding: 7px;
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup {
      padding: 0;
      overflow: hidden; }
      .RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup > .rgHeader + div {
        box-sizing: border-box; }
    .RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader {
      border-left: 0 none; }
      .RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader + div {
        padding: 7px; }
    .RadGrid_CorpsNETBootstrap .rgEditForm a {
      color: #337ab7; }
    .RadGrid_CorpsNETBootstrap .rgEditForm [type="image"] {
      margin-right: 2px;
      padding: 8px;
      border: 1px solid #cccccc !important;
      border-radius: 4px;
      background: #ffffff; }
      .RadGrid_CorpsNETBootstrap .rgEditForm [type="image"]:hover {
        background: #e6e6e6; }
    .RadGrid_CorpsNETBootstrap .rgEditForm [type="text"]:disabled {
      background: #ffffff;
      opacity: .7; }
  .RadGrid_CorpsNETBootstrap .rgUpdate {
    background-position: -10px -2610px; }
    .RadGrid_CorpsNETBootstrap .rgUpdate:active {
      background-position: -110px -2610px; }
  .RadGrid_CorpsNETBootstrap .rgCancel {
    background-position: -10px -2810px; }
    .RadGrid_CorpsNETBootstrap .rgCancel:active {
      background-position: -110px -2810px; }
  .RadGrid_CorpsNETBootstrap .rgDetailTable {
    border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgCommandCell {
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgCommandCell a {
      color: #333333;
      text-decoration: none; }
  .RadGrid_CorpsNETBootstrap .rgCommandTable td {
    padding: 0 7px 1px 7px;
    border: 0; }
  .RadGrid_CorpsNETBootstrap .rgAdd,
  .RadGrid_CorpsNETBootstrap .rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgCancel {
    vertical-align: middle;
    border: 1px solid transparent; }
    .RadGrid_CorpsNETBootstrap .rgAdd:hover,
    .RadGrid_CorpsNETBootstrap .rgRefresh:hover,
    .RadGrid_CorpsNETBootstrap .rgSave:hover,
    .RadGrid_CorpsNETBootstrap .rgCancel:hover {
      border: 1px solid #adadad;
      border-radius: 4px;
      background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap input.rgAdd,
  .RadGrid_CorpsNETBootstrap input.rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
    margin-right: 3px !important;
    width: 32px !important;
    height: 32px !important; }
  .RadGrid_CorpsNETBootstrap input.rgAdd {
    background-position: -10px -3010px; }
  .RadGrid_CorpsNETBootstrap .rgAdd {
    background-position: -10px -3010px;
    }
  .RadGrid_CorpsNETBootstrap input.rgRefresh {
    background-position: -10px -1310px; }
  .RadGrid_CorpsNETBootstrap .rgSave {
    background-position: -10px -4960px !important; }
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
    background-position: -10px -2810px; }
  .RadGrid_CorpsNETBootstrap .rgEdit {
    margin-right: 3px;
    background-position: -10px -3110px; }
  .RadGrid_CorpsNETBootstrap .rgDel {
    margin-right: 3px;
    background-position: -10px -3310px; }
  .RadGrid_CorpsNETBootstrap .rgExpXLS,
  .RadGrid_CorpsNETBootstrap .rgExpDOC,
  .RadGrid_CorpsNETBootstrap .rgExpPDF,
  .RadGrid_CorpsNETBootstrap .rgExpCSV {
    background-image: url('Grid/export.png');
    background-repeat: no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgExpPDF {
    background-position: 8px 6px; }
  .RadGrid_CorpsNETBootstrap .rgExpXLS {
    background-position: 8px -44px; }
  .RadGrid_CorpsNETBootstrap .rgExpCSV {
    background-position: 8px -94px; }
  .RadGrid_CorpsNETBootstrap .rgExpDOC {
    background-position: 8px -144px; }
 
.GridContextMenu_CorpsNETBootstrap .rgHCMClear,
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter {
  height: 34px;
  border-color: #cccccc;
  color: #333333;
  background-color: #ffffff; }
  .GridContextMenu_CorpsNETBootstrap .rgHCMClear:hover,
  .GridContextMenu_CorpsNETBootstrap .rgHCMFilter:hover {
    border-color: #adadad;
    color: #333333;
    background-color: #e6e6e6; }
.GridContextMenu_CorpsNETBootstrap .rmGroup .rgHCMItem div.rmText {
  padding: 15px;
  margin: 0 auto; }
.GridContextMenu_CorpsNETBootstrap .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif'); }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortAsc .rmLeftImage {
  background-position: 0 0; }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -40px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnsort .rmLeftImage {
  background-position: 0 -80px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMGroup .rmLeftImage {
  background-position: 0 -120px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUngroup .rmLeftImage {
  background-position: 0 -160px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMCols .rmLeftImage {
  background-position: 0 -200px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter .rmLeftImage {
  background-position: 0 -240px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -280px; }
 
.GridReorderTop_CorpsNETBootstrap,
.GridReorderBottom_CorpsNETBootstrap {
  background-repeat: no-repeat;
  background-position: -20px -70px; }
 
.GridReorderBottom_CorpsNETBootstrap {
  background-position: -20px -20px; }
 
.rgCellSelectorArea_CorpsNETBootstrap,
.GridRowSelector_CorpsNETBootstrap {
  background: #4c4e54; }
 
.GridItemDropIndicator_CorpsNETBootstrap {
  border-top: 1px dashed #666; }
 
.GridToolTip_CorpsNETBootstrap {
  border: 1px solid #c98400;
  padding: 3px;
  background: #ffefbd;
  color: #333; }
 
.RadGridRTL_CorpsNETBootstrap .rgHeader:first-child,
.RadGridRTL_CorpsNETBootstrap th.rgResizeCol:first-child,
.RadGridRTL_CorpsNETBootstrap .rgFilterRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst {
  background-position: -9px -759px; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst:active {
  background-position: -109px -759px; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev {
  background-position: -9px -159px; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev:active {
  background-position: -109px -159px; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext {
  background-position: -9px -109px; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext:active {
  background-position: -109px -109px; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast {
  background-position: -9px -709px; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast:active {
  background-position: -109px -709px; }
.RadGridRTL_CorpsNETBootstrap .rgExpand {
  background-position: -10px -110px; }

 

and also I have some overrides in another css file:

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
 
.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpSelected, .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: #fff;
    background-color: #51b0aa ;
}
 
.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #e6f0ef;
}
 
.RadGrid_Bootstrap a {
    color: #396ACE !important;
}
 
.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff !important;
}
Viktor Tachev
Telerik team
 answered on 22 Feb 2017
1 answer
72 views

Hi all.

I have a real zinger. I'm populating a radgridview via web service call in the code behind (c#). But, I have tried six ways from Sunday to get a Master/Detail to work. I have two radgrids - one master/other detail. I can populate them both but when I try to bind them together using the DataKeyNames, it just won't do anything.

How I populate:

private static AdvanceAutoWS.AdvanceAutomationClient AAAdminWS = new AdvanceAutoWS.AdvanceAutomationClient(); //web service

var xGridRules = AAAdminWS.GetAllRules();
rgvRules.DataSource = xGridRules.ResponseList;
rgvRules.DataBind();

 

How can I create a linked detail grid using web services so that when I select a row on the master grid, it links with the corresponding records in detail grid?

 

Thanks a million in advance.

 

Jim.

Jim
Top achievements
Rank 1
 answered on 22 Feb 2017
0 answers
140 views
I have a requirement to put multiple series into a chart. The item in the series x-axis should have label groupings.
I've attached a sample of graph. Any help on this would be great!
solai
Top achievements
Rank 1
 asked on 22 Feb 2017
2 answers
360 views
Hi,
I want to add gridline to the export excel file. How to do it? Thanks.
AR
Top achievements
Rank 1
 answered on 22 Feb 2017
3 answers
1.8K+ views
I have a grid with some bound columns and a template column with a textbox. Is it possible to have a button outside the grid which calls a serverside code to loop through the table and read the values from bound columns and the template column textbox?


                    <telerik:RadButton ID="btnApprove" runat="server" Text="Approved for Payment" OnClick="btnApprove_Click">
                    </telerik:RadButton>



<telerik:RadGrid ID="gridFundingBills" runat="server" Width="1100px" AllowMultiRowSelection="True"
                CssClass=" MyGridClass"
                AutoGenerateColumns="False"
                OnNeedDataSource="gridFundingBills_NeedDataSource"
                OnItemDataBound="gridFundingBills_ItemDataBound"
                 >
                <MasterTableView DataKeyNames="FundingDtlID" EditMode="InPlace">
                    <Columns>
                        <telerik:GridBoundColumn DataField="CustomerNm" FilterControlAltText="Filter CustomerNm column" HeaderText="Property" SortExpression="CustomerNm" UniqueName="CustomerNm">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="VendorNm" FilterControlAltText="Filter VendorNm column" HeaderText="Vendor" SortExpression="VendorNm" UniqueName="VendorNm">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="BankAcct" FilterControlAltText="Filter BankAcct column" HeaderText="Bank" ReadOnly="True" SortExpression="BankAcct" UniqueName="BankAcct">
                        </telerik:GridBoundColumn>
                        <telerik:GridHyperLinkColumn UniqueName="BillNo" HeaderText="Bill Reference Number" DataTextField="BillNo" DataNavigateUrlFields="BillUrl" DataNavigateUrlFormatString="http://{0}" Target="_blank">
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridBoundColumn DataField="BillURL" FilterControlAltText="Filter BillURL column" ReadOnly="True" SortExpression="BillURL" UniqueName="BillURL" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="BillPeriod" FilterControlAltText="Filter BillPeriod column" HeaderText="Bill Period" ReadOnly="True" SortExpression="BillPeriod" UniqueName="BillPeriod" ItemStyle-Width="150px" HeaderStyle-Width="150px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="DueDt" DataType="System.DateTime" FilterControlAltText="Filter DueDt column" HeaderText="Due Date" SortExpression="DueDt" UniqueName="DueDt" DataFormatString="{0:d}" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TotalAmt" DataType="System.Decimal" FilterControlAltText="Filter TotalAmt column" HeaderText="TotalAmt" SortExpression="Total Due" UniqueName="TotalAmt" DataFormatString="{0:F}" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="RemainingAmt" DataType="System.Decimal" FilterControlAltText="Filter RemainingAmt column" HeaderText="Remaining Balance" ReadOnly="True" SortExpression="RemainingAmt" UniqueName="RemainingAmt" DataFormatString="{0:F}" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" HeaderStyle-Width="75px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="FundingDtlID" DataType="System.Guid" FilterControlAltText="Filter FundingDtlID column" HeaderText="FundingDtlID" ReadOnly="True" SortExpression="FundingDtlID" UniqueName="FundingDtlID" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SourceBankAcctID" DataType="System.Guid" FilterControlAltText="Filter BankAcctID column" HeaderText="BankAcctID" ReadOnly="True" SortExpression="BankAcctID" UniqueName="BankAcctID" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Amount Approved" UniqueName="AmtApproved" HeaderStyle-Width="55px"
                            ItemStyle-Width="55px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
                            <ItemTemplate>
                                <asp:TextBox ID="AmountApproved" runat="server" Width="55px" OnTextChanged="AmountApproved_TextChanged"
                                    AutoPostBack="true" CssClass="numericAlign"></asp:TextBox>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">
                        </telerik:GridClientSelectColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
                    <ClientEvents OnRowSelected="handleTextBoxValue" OnRowDeselected="handleTextBoxValue" OnActiveRowChanged="sumAmtApproved" />
                    <Selecting AllowRowSelect="true" />
                </ClientSettings>
            </telerik:RadGrid>


protected void btnApprove_Click(object sender, EventArgs e)
    {
        //loop through each row in table
        //save value of bound column to var
        //save value of textbox in template column to var
    }



Bill Noble
Top achievements
Rank 1
 answered on 22 Feb 2017
1 answer
127 views

I have the following RadPageView in my WebForms application:

<telerik:RadPageView ID="rpvInspsSketch" runat="server">
     
     <div class="fs-container">
          <div id="lc"></div>
     </div>
 
     <script src="../_js_libs/react-0.14.3.js"></script>
     <script src="../_js_libs/literallycanvas.js"></script>
                         
     <script type="text/javascript">
          var lc = LC.init(document.getElementById("lc"), {
          imageURLPrefix: '../_assets/lc-images',
          toolbarPosition: 'bottom',
          defaultStrokeWidth: 2,
          strokeWidths: [1, 2, 3, 5, 30]
          });
     </script>
 
</telerik:RadPageView>

 

The canvas displays properly, but none of the drawing tools work.  If I move the code outside the RadPageView it works as expected. 

How can I get this to work inside the RadPageView?

Thanks - Jerald

Marin Bratanov
Telerik team
 answered on 22 Feb 2017
1 answer
165 views

to be able to get the desired menu for my css, i need the following output of menu:

01.<ul id="leftMenu" data-role="menu" class="k-widget k-reset k-header k-menu k-menu-horizontal" tabindex="0" role="menubar"style="display: block;">
02.    <li id="HeaderMain" style="display: inline-block;" class="k-item k-state-default k-first selectedMenu" role="menuitem">
03.        <div class="mnuLiCont">
04.            <div class="mnuHomeIcon"></div>
05.            <div class="mnuTxt">Home</div>
06.        </div>
07.    </li>
08.    <li id="HeaderDashBoard" style="display: inline-block;" class="k-item k-state-default" role="menuitem">
09.        <div class="mnuLiCont">
10.            <div class="mnuDashBoardIcon"></div>
11.            <div class="mnuTxt">Dashboard</div>
12.        </div>
13.    </li>
14.</ul>

 

This is the code im doing to be able to create this menu:

01.@(Html.Kendo().Menu()
02.          .Name("leftMenu")
03.          .Items(items =>
04.          {
05.              items.Add().HtmlAttributes(new { @id = "HeaderMain" , @class = "selectedMenu",@style = "display: inline-block;"});
06.              items.Add().HtmlAttributes(new { @id = "HeaderDashboard", @style = "display: inline-block;" });
07.              items.Add().HtmlAttributes(new { @id = "HeaderExtra", @style = "display: none;" });
08.          })
09.          .HtmlAttributes(new {@style = "display: block"})
10. 
11.        )

 

1.$(document)
2.        .ready(function () {
3.            $("#HeaderMain").append("<div class='mnuLiCont'><div class='mnuHomeIcon'></div><div class='mnuTxt'>Home</div></div>");
4.            $("#HeaderDashboard").append("<div class='mnuLiCont'><div class='mnuDashBoardIcon'></div><div class='mnuTxt'>Dashboard</div></div>");
5.             
6. 
7.        });

 

And in the next code you can see the undesired SPAN in each menu item, which i need to get rid of.

 

01.<ul id="leftMenu" data-role="menu" class="k-widget k-reset k-header k-menu k-menu-horizontal" tabindex="0" e="menubar"style="display: block;">
02.    <li id="HeaderMain" style="display: inline-block;" class="k-item k-state-default k-first selectedMenu" role="menuitem">
03.        <span class="k-link"></span>
04.        <div class="mnuLiCont">
05.            <div class="mnuHomeIcon"></div>
06.            <div class="mnuTxt">Home</div>
07.        </div>
08.    </li>
09.    <li id="HeaderDashBoard" style="display: inline-block;" class="k-item k-state-default" role="menuitem">
10.        <span class="k-link"></span>
11.        <div class="mnuLiCont">
12.            <div class="mnuDashBoardIcon"></div>
13.            <div class="mnuTxt">Dashboard</div>
14.        </div>
15.    </li>
16.</ul>

 

Ivan Danchev
Telerik team
 answered on 22 Feb 2017
3 answers
460 views

Hello,

I am an old VBScript and PHP programmer and have never dealt with ASP.NET, so please take it easy on me.  I am simply trying to migrate website from an Azure server to an AWS instance.  I was able to install the Telerik and change the assembly references in web.config, but now I'm getting this mismatch error and cannot figure out why.  I have updated my versions and PublicKeyTokens everywhere I can find, and it still isn't working.  Any insight would be greatly appreciated.

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: Could not load file or assembly 'Telerik.Web.UI, Version=2017.1.118.45, Culture=neutral' or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)
 
Source Error:
 
 
An application error occurred on the server. The current custom error settings for this application prevent the details of the application error from being viewed remotely (for security reasons). It could, however, be viewed by browsers running on the local server machine.
 
Source File: C:\inetpub\wwwroot\frequentbrc.azurewebsites.net\web.config    Line: 16
 
Assembly Load Trace: The following information can be helpful to determine why the assembly 'Telerik.Web.UI, Version=2017.1.118.45, Culture=neutral' could not be loaded.
 
 
=== Pre-bind state information ===
LOG: DisplayName = Telerik.Web.UI, Version=2017.1.118.45, Culture=neutral
 (Partial)
WRN: Partial binding information was supplied for an assembly:
WRN: Assembly Name: Telerik.Web.UI, Version=2017.1.118.45, Culture=neutral | Domain ID: 7
WRN: A partial bind occurs when only part of the assembly display name is provided.
WRN: This might result in the binder loading an incorrect assembly.
WRN: It is recommended to provide a fully specified textual identity for the assembly,
WRN: that consists of the simple name, version, culture, and public key token.
WRN: See whitepaper http://go.microsoft.com/fwlink/?LinkId=109270 for more information and common solutions to this issue.
LOG: Appbase = file:///C:/inetpub/wwwroot/frequentbrc.azurewebsites.net/
LOG: Initial PrivatePath = C:\inetpub\wwwroot\frequentbrc.azurewebsites.net\bin
Calling assembly : (Unknown).
===
LOG: This bind starts in default load context.
LOG: Using application configuration file: C:\inetpub\wwwroot\frequentbrc.azurewebsites.net\web.config
LOG: Using host configuration file: C:\Windows\Microsoft.NET\Framework64\v4.0.30319\aspnet.config
LOG: Using machine configuration file from C:\Windows\Microsoft.NET\Framework64\v4.0.30319\config\machine.config.
LOG: Policy not being applied to reference at this time (private, custom, partial, or location-based assembly bind).
LOG: Attempting download of new URL file:///C:/Windows/Microsoft.NET/Framework64/v4.0.30319/Temporary ASP.NET Files/root/d8e92edb/efd48374/Telerik.Web.UI.DLL.
LOG: Attempting download of new URL file:///C:/Windows/Microsoft.NET/Framework64/v4.0.30319/Temporary ASP.NET Files/root/d8e92edb/efd48374/Telerik.Web.UI/Telerik.Web.UI.DLL.
LOG: Attempting download of new URL file:///C:/inetpub/wwwroot/frequentbrc.azurewebsites.net/bin/Telerik.Web.UI.DLL.
WRN: Comparing the assembly name resulted in the mismatch: Revision Number
ERR: Failed to complete setup of assembly (hr = 0x80131040). Probing terminated.
Vessy
Telerik team
 answered on 22 Feb 2017
5 answers
116 views
Hi,

Is it possible to use the new TileList for ASP.NET AJAX  in a ASP.NET MVC Razor application? If not, are there any plans to release a TileList control for the Kendo UI?

Thanks,
Pedro Manfredi
Marin Bratanov
Telerik team
 answered on 22 Feb 2017
1 answer
149 views
I have a complex diagram that represents the flow through a document. The document has numerous cross references between sections and the connections are used to show those references. None of the default layouts worked well to represent the sections so I am setting the X and Y coordinates of each shape. The connections mostly look acceptable but there are a few that are routing over existing shapes. Is there anything I can do to prevent connections from routing over shapes?
Bill
Top achievements
Rank 1
 answered on 21 Feb 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?