Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadGrid. FilterIcon wraps to next line. IE8 Compatibility mode

7 Answers 149 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kris
Top achievements
Rank 1
Kris asked on 14 Mar 2012, 10:29 PM
GridIssue.PNG
I have a Gridview which works fine on IE8. In IE8 Compatibility mode the Filter Icon wraps to next line. I have attached a snap shot of the issue. I researched previous posts and added below css style, which didn't work.
.Grid .rgFilterRow .RadPicker
{
    float: left ;
}


Please help.

Below are CSS, Content and MaterPage.

CSS
html,
body
{
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 0;
     
    text-align:left;
    background-color: #CDDCF7; /* EAF0FC DEE8FA D7E3F9  CDDCF7 205CCA change to the light blue later */
    height: 100%;
    width: 100%;
    min-width: 800px;   
 
}
 
 
h1
{
    font-size: 18pt;
    margin: 5px 3px 3px 3px;
}
h2
{
    font-size: 14pt;
    margin: 5px 3px 3px 3px;
}
 
h3
{
    font-size: 12pt;
    margin: 5px 3px 3px 3px;
}
 
h4
{
    font-size: 11pt;
    margin: 4px 2px 2px 2px;
}
 
input /* necessary for the text boxes */
{
    font-family: Arial, Tahoma, sans-serif;
    font-size: 100%;
    background-color: #D3E8E8;
}
 
select /* necessary for the drop down lists */
{
    font-family: Arial, Tahoma, sans-serif;
    font-size: 100%;
}
 
     
/* fieldset styling */
fieldset
{
   
  padding: 1em;
  /*
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  */
  border : 0px solid #ccc;
  background-color:#EAF0FC;
}
 
/* legend styling */
legend
{
  font-weight: normal;
  font-size: 11pt;
  color:  #002C76; /*  #002C76;  */
  /*margin: 5px 3px 3px 3px;*/
  border-bottom: solid 1px #002C76; /* #437BE1 */
  width: 750px;
}
 
/* -------- Form Layout --------------------------- */
.formLayout
{
    border: 0px solid #989898;
    padding: 0px 0px ;
   /* padding: 5px 5px ;  */
    background:  #EAF0FC; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
   /* border-left: 1px solid #87CEFA; */
    /* border-right: 1px solid #87CEFA; */
    width: 98%;
     
}
 
.formLayoutB
{
    border: 0px solid #989898;
    
    background:  #CDDCF7; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
    /* border: 1px solid #87CEFA;  */
    width: 100%;
    border-bottom: solid 1px #6291E6;
}
 
.formLayoutC
{
    border: 0px solid #989898;
    
    background:  #EAF0FC; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
    /* border: 1px solid #87CEFA;  */
    width: 800px;
}
 
 
.formLayoutNote
{    
    background:  #EAF0FC; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */  
}
 
.formLayoutB .label, .formLayoutB .labelTop
{
    font-weight: normal;
    text-align: right;
  /*  vertical-align: top; */
    height: 10px;
    /* border: .1em dotted black; */
    padding-right: .5em;
    color: #002C76;
}
 
 
.formLayout td
{
    padding: 1px;
}
 
.formLayout .label, .formLayout .labelTop
{
    font-weight: normal;
    text-align: right;
  /*  vertical-align: top; */
    height: 10px;
    /* border: .1em dotted black; */
    padding-right: .5em;
}
 
.formLayoutD td
{
    padding: 1px;
    
}
 
.formLayoutD .label, .formLayout .labelTop
{
    font-weight: normal;
    text-align: right;
  /*  vertical-align: top; */
    height: 10px;
    /* border: .1em dotted black; */
    padding-right: .5em;
}
 
.formLayoutD
{
    border: 0px solid #989898;
    padding: 0px 0px ;
   /* padding: 5px 5px ;  */
    background:  #EAF0FC; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
   /* border-left: 1px solid #87CEFA; */
    /* border-right: 1px solid #87CEFA; */
    width: 100.5%;
     
}
 
.formLayoutE
{
    border: 0px solid #989898;
    padding: 0px 0px ;
   /* padding: 5px 5px ;  */
    background:  #EAF0FC; /* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
   /* border-left: 1px solid #87CEFA; */
    /* border-right: 1px solid #87CEFA; */
    width: 100px;
     
}
 
 
.formLayout .label
{
   /* vertical-align: top; */
}
 
.formLayout .labelTop
{
    vertical-align: top;
}
 
.formButtons
{
    padding: .5em 0em .5em 0em;
    text-align: left;
}
 
.formButtonsLeft
{
    padding: .5em 0em .5em 0em;
    text-align: left;
}
 
.formButtonsRight
{
    padding: .5em 0em .5em 0em;
    text-align: right;
}
 
.formLayout .formButtons td
{
    padding-top: 1em;
    text-align: left;
}
.formColumn
{
    float: left;
    margin-right: 40px;
}
 
 .leftPanelBarContainer
    {
        float: left;
        width: 250px;
        height:250px;
        overflow: auto;
        position:relative; /* Required to workaround IE rendering bug*/
    }
    .TimeOutCounter
    {
        Left: 130px;
        top:90px;
        POSITION: absolute;
        font-weight:bold       
    }
 
 
 
/* ----------------------------------- */
#container
{
}
 
#header
{
    width: 100%;
}
#menu
{
    height: 25px;
}
#navigation
{
    float: left;
    width: 19%;
    height: 500px;
}
#content
{
    float: right;
    width: 99%;
    /*height: 500px; */
}
#footer
{
    clear: both;
    width: 100%;
}
 
/*********************** Master Page Styles *******************/
 
#wrapper
{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #CDDCF7;
    /* Make footer sticks to the bottom */
    min-height: 100%;
    position: relative;
    height: auto !important; /* IE6 compatibility for footer*/
    height: 100%; /* IE6 compatibility for footer*/
 
}
 
/* Make footer sticks to the bottom */
#headerBody
{
    padding-bottom: 30px;
}
 
.MasterTop
{
    position: relative; /*background: #C0DEDD;*/ /*padding-bottom: .3em;*/
    overflow: auto;
    z-index: 3000; /*this is needed to enure the menu is always above everything else */
    background: #E0E0E0;  /*url(images/bgAccuroGradient.gif) top left repeat-y; */
}
.MasterTop a
{
    font-weight: bold;
    font-size: 98%;
    color: white;
    text-decoration: none;
}
.MasterTop a:hover
{
    text-decoration: underline;
}
.MasterTop a:visited
{
}
 
.MasterTop .EnterpriseInfo
{
    float: right;
    color: #999999;
    clear: both;
}
 
.MasterTop .UserInfo
{
    float: right;
    color: DarkBlue;
    margin-top: 2em;
    margin-right: .4em;
    clear: both;
}
 
.MasterTop .Header
{
    float: left;
    vertical-align: bottom;
    color: #999999;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
    padding-top: .6em;
}
 
.MasterTop .HeaderReg
{
    display: inline;
    color: #999999;
    font-weight: bold;
    font-size: 0.66em;
}
 
.MasterTop .SubHeader
{
    float: right;
    color: #999999;
    font-weight: bold;
    font-size: 1.6em;
}
 
.Logo
{
    float: left;
    background: url(images/MedAssets.gif);
    background-repeat: no-repeat;
    width: 135px;
    height: 35px;
    margin-top: .5em;
    margin-left: .5em;
}
 
.BeveledRule
{
    clear: both;
    width: 100%;
    height: 4px;
    background: transparent url(images/bgBeveledBorder.gif) repeat-x;
}
 
.MasterTop .LinkGroup
{
    margin-right: .4em;
    float: right;
    clear: both;
}
 
 
 
/***********************Start: MASTER MENU *******************/
.MasterMenu
{
 /*   background-color: #cccccc;*/
    font-weight: bold;
    font-size: 100%;
    left: 0em;
    top: 0em;
     
    position: relative; /*  padding: 2em 0 0 0 ; */
    vertical-align: bottom;
    z-index: 2000; /*this is needed to enure the menu is always above everything else */
}
 
.MasterMenu table
{
    background-color: #cccccc;
}
 
.MasterMenu table tr td a
{
    color: Black;
    background-color: #cccccc;
}
 
.MasterMenu table tr:hover td:hover a:hover
{
    background: #7795BD;
    color: White;
}
 
.MasterMenu table tr td
{
    /* width: 6.0em; */
   
   
}
 
/*********************** MASTER Content *******************/
 
.MasterContent
{
    margin: .5em;
    width: 95%; /*  margin-left: 1em; */ /*   padding: .5em; */
    width: auto;
    /*min-height: 700px; */ /* QQ Does not seem to be needed */
}
 
.MasterNestedContent
{
    margin: 1em;
}
 
.MasterFooter
{
    clear: both;
    position: relative;
    text-align: center;
    color: #777777;
    font-weight: normal;
    font-size: 70%;
    margin-top: 2em;
    margin-bottom: 1em;
    padding-top: .5em;
    border-top: solid 1px black;
}
 
/************************  Grid  ****************************/
 
.Grid
{
    font-size: .9em;
    border: solid 1px #7f7f7f;
    width: 99%;
}
 
.GridHeader th
{
    /*  background: url(../../images/sprite.png) repeat-x 0px 0px;      color: #000; */
    background: #328AA4 url(images/grid_tr_back.gif) repeat-x;
    color: #FFFFFF;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    padding: 4px 5px 4px 10px;
    text-align: left;
    vertical-align: bottom;
}
 
.GridHeader th a
{
    text-decoration: none;
    display: block;
    padding-right: 0px;
    color: #FFFFFF;
}
.GridHeader .sortAsc a
{
    background: url(images/sort-up.png) no-repeat right 90%;
}
 
.GridHeader .sortDesc a
{
    background: url(images/sort-down.png) no-repeat right 90%;
}
 
.Grid td
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}
.Grid .GridAltDataRow
{
    background-color: #E5F1F4; /* #edf5ff; /*   #CFECEC;*/
}
 
/* mouseover row style */
.Grid .GridRowOver
{
    background-color: #b2d2ff;
}
 
/* select row style */
.Grid .GridRowSelected
{
    background-color:  #FFFFCC; 
    font-weight: bold;
}
 
/** hack for DE6570 **/
/** GridClientSelectColumn in a RadGrid and set it to allow scroll, it will get a scroll bar for the outer body**/
/**This behavior comes from the way checkboxes are decorated. display:block css is needed to fix checkbox styling  **/
 
.Grid input.rfdRealInput
{
    display:block;
    position: static !important;
    float: right;
    outline: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    FILTER: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
 
.Grid .rgFilterRow .RadPicker
{
    float: left ;
    display: -moz-inline-stack; 
}
 
 
 
.BenefitGrid
{
    font-size: .8em;
    border: solid 1px #7f7f7f;
    width: 99%;
}
 
.BenefitGridHeader th
{
    /*  background: url(../../images/sprite.png) repeat-x 0px 0px;      color: #000; */
    background: #328AA4 url(images/grid_tr_back.gif) repeat-x;
    color: #FFFFFF;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    padding: 4px 5px 4px 10px;
    text-align: left;
    vertical-align: bottom;
}
 
.BenefitGridHeader th a
{
    text-decoration: none;
    display: block;
    padding-right: 0px;
    color: #FFFFFF;
}
.BenefitGridHeader .sortAsc a
{
    background: url(images/sort-up.png) no-repeat right 90%;
}
 
.BenefitGridHeader .sortDesc a
{
    background: url(images/sort-down.png) no-repeat right 90%;
}
 
.BenefitGrid td
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}
.BenefitGrid .GridAltDataRow
{
    background-color: #E5F1F4; /* #edf5ff; /*   #CFECEC;*/
}
 
/* mouseover row style */
.BenefitGrid .GridRowOver
{
    background-color: #b2d2ff;
}
 
/* select row style */
.BenefitGrid .GridRowSelected
{
    background-color:  #FFFFCC; 
    font-weight: bold;
}
 
/****************************************************************
   ValidationSummary
****************************************************************/
.validationSummary
{
    display: block;
    border: 1px solid;
    height: 20px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(images/error.png);
    background-repeat: no-repeat;
    background-position: .7em .5em;
    padding: 1em 0em 1em 4em;
}
.validationSummary img
{
    border: none;
}
 
/****************************************************************
   MessageBox Panel
****************************************************************/
.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation
{
    display: block;
    border: 1px solid;
/*    margin: 10px 0px; */
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}
.msgInfo
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(images/information.png);
}
.msgSuccess
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(images/checkmark.png);
}
.msgWarning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(images/warning.png);
}
.msgError
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(images/error.png);
}
.msgInfo p, .msgSuccess p, .msgWarning p, .msgError p
{
    padding: 0px 35px;
    margin: .8em 0    
}
.msgInfo a, .msgSuccess a, .msgWarning a, .msgError a
{
    cursor: pointer;
}
.msgContainer img
{
    border: none;
}
 
/****************************************************/
.LoginStatus a
{
    padding-right: 2px;
    vertical-align: text-bottom;
    font-weight: normal;
}
 
/*******************************************************/
.modalBackground, #progressBackgroundFilter
{
  position:absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #D8D8D8;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}
 
#processMessage
{
  position: absolute;
  top: 30%;
  left: 43%;
  padding: 1em;
  width: 7em;
  height: 1em;
  z-index: 1001;
  background-color: #fff;
  background: #fff url(images/loading.gif) 95% 80% no-repeat;
  border: 1px solid black
}
 
.ModalPopupX
{
   border: solid 1px #c0c0c0;
   background: #f0f0f0;
   padding: 10px;
   position: absolute;
   top: -1000px;
}
 
.ModalPopup
{
    padding: 2px;
    background: #00529B;
    border: solid 1px black;   
}
.ModalPopupHeader
{
    padding: 2px;
    cursor: move;
    width: 100%; 
}
.ModalPopupHeaderTitle
{
    font-size: 12pt;
    font-weight: bold;
    width: 100%;
}
.ModalPopupHeaderCancel
{
    text-align: right;
    cursor: pointer; 
    /*
    background-image: url(images/cancel.gif);
    background-repeat: no-repeat;
    border: 1px solid black;
*/
}
 
/***
.ModalPopup th
{
    background: #328AA4 url(images/grid_tr_back.gif) repeat-x;
    font-size:  120%;
    color: White;
    font-weight: bold;
}
*/
.tabStrip
{
font-size:  4pt;
}
 
div.RadListBox .rlbText{
        white-space: nowrap;
        font: 10px;
    }
     
div.RadListBox {
        width: 250px;
    }
  
div.RadTabStripVertical .rtsLink
{
    text-align:left;
}
     
.HeaderTitle
{
  font-size: 11pt;
  color: #002C76;
  /*margin: 5px 3px 3px 3px;*/
}
     
.HeaderSubTitle
{
    font-weight: bold;
    font-size: 10pt;
    /* margin: 5px 3px 3px 3px; */
}
 
.verticalMenu
{
    border-style: none;
    width: 200px;
}
 
.rtsSelected
{
    background: transparent !important;
    border-left: solid 1px Gray !important;
    border-top: solid 1px Gray !important;
    border-right: solid 1px Gray !important;
}
 
.rtsSelected .rtsOut
{
    background: transparent !important;
}
 
.rtsSelected .rtsIn
{
    background: transparent !important;
}
 
.rtsSelected .rtsTxt
{
    background: transparent !important;
}
 
div.RadTabStripVertical .verticalTab
{
    border-right: solid 1px Gray !important;
}
 
div.RadTabStripVertical .verticalTabSelected
{
    background: transparent !important;
    border-left: solid 1px Gray !important;
    border-top: solid 1px Gray !important;
    border-right: none 0px Gray !important;
}
 
 
 
 
.formLayoutLogin
{
     
    border: 0px solid #989898;
    padding: 0px 0px;
   /* padding: 5px 5px ;  */
   /* background:  #EAF0FC; *//* #E3F0F0; #FBFDFD; #D3E8E8;  #E5F1F4;  #F7FBFB; */
   /* border-left: 1px solid #87CEFA; */
    /* border-right: 1px solid #87CEFA; */
     
  background: #CDDCF7; /* #B7C8F6; *//* for non-css3 browsers */
width: 100%;
height: 100%;
 
 
     
}
 
.formPadding
{
    padding-top: 40px;
    padding-left: 20px;
}
.tableTitle
{
    font-size: 12pt;
    font-weight:bold;
}
 
.tableLabel
{
    font-Size: 10pt;
    font-family:Verdana, Tahoma, sans-serif;
    font-weight:normal;
}
 
.tableInput
{
    font-family:Verdana,Arial;
    font-size:8pt;
}
html body form .RadInput 
{
    Font-Size: 8pt;
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: normal;
}
.tableAnnouncement
{
    font-size: 14pt;
}
 
.failureNotification
{
    color: Red;
}
 
 
 
/* Brandzone Header styles start here */
 
#brandzoneHeader .topBar{
height:18px;
border-bottom:#0b4988 1px solid;
background-color:#dfe9f7;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
}
 
#brandzoneHeader .topBar .welcomeMsg{
margin:4px 0 0 10px;
float:left;
}
 
#brandzoneHeader .topBar .facilityInfo{
float:right;
margin:4px 45px 0 0;
}
 
#brandzoneHeader .topBar .facilityInfo a{
text-decoration:underline;
font-weight:bold;
color:#144884;
}
 
#brandzoneHeader .topBar .topLinks{
float:right;
margin:5px 0 0 0;
}
 
#brandzoneHeader .topBar .topLinks img{
margin:0 16px 0 0;
border:0;
}
 
#brandzoneHeader .bannerContainer{
background:url(brandZoneImages/bannerBack.gif) repeat-x;
height:47px;
}
 
 
#brandzoneHeader .banner{
background:url(brandZoneImages/productName.jpg) no-repeat;
height:46px;
/*border-bottom:#0b4988 1px solid;*/
}
 
 
#brandzoneHeader .banner .logo{
background:url(brandZoneImages/logo.png) no-repeat;
float:right;
width:110px;
height:46px;
margin-right:22px;
}
 
 
/* Brandzone Footer styles start here */
#brandzoneFooter .footer{
background:url(brandZoneImages/bottomShadow.gif) 0 0 repeat-x #dfe9f7;
padding:10px 0px 5px 0px;
color:#144884;
font-size:100%;
text-align:right;
line-height:15px;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
/* Stick footer to bottom */
height: 30px;
position:absolute;
bottom:0px;
width:100%;
}
 
#brandzoneFooter .footer a{
color:#144884;
text-decoration:none;
}
 
#brandzoneFooter .footer a:hover{
color:#144884;
text-decoration:underline;
}
 
/***************Main menu styles starts here***************/
#mainMenu {
    MARGIN: 0 0 0 10px;
    float:left;
    padding:0px;
    height:19px;
    background:url(brandZoneImages/topNavBack.gif) repeat-x;
    margin-top:27px;
}
#mainMenu UL {
    PADDING: 0px; MARGIN: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; DISPLAY: inline;
}
 
#mainMenu LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;   DISPLAY: inline
}
 
#mainMenu UL UL {
    LEFT: -9999px; POSITION: absolute; margin:0px; padding:0px;
}
#mainMenu UL.level1 {
    MARGIN: 0;
}
 
#mainMenu UL.level2{
margin-left:-2px;
}
 
#mainMenu UL.level2, #mainMenu UL.level3, #mainMenu UL.level4{
    background:url(brandZoneImages/topSubNavBack.gif);
    margin-top:0px;
    border:#304682 1px solid;
    margin-top:1px;
}
 
 
 
#mainMenu UL.level2 li a, #mainMenu UL.level3 li a, #mainMenu UL.level4 li a{
    font-weight:normal;
    color: #304682;
    margin-top:0px;
    padding:0 15px 1px 10px;
}
 
 
 
 
#mainMenu UL.level1 LI.level1-li {
    DISPLAY: block; FLOAT: left; POSITION: relative;
    border-right:#a4bad8 1px solid;
    border-left:#FFFFFF 1px solid;
    margin-top:1px;
}
 
 
 
#mainMenu li.level1-li-selected {
    background: #FFFFFF;
border-top:#165790 1px solid;
border-right:#165790 1px solid;
border-left:#165790 1px solid;
text-decoration:none;
        DISPLAY: block; FLOAT: left; POSITION: relative;
    padding:0 0 2px 0;
    margin-top:-1px;
}
 
#mainMenu .level1-li-selected > a{
    font-size:75%;
font-family:Tahoma;
font-weight:bold;
color:#165790;
text-decoration:none;
}
 
 
 
#mainMenu A {
    PADDING-RIGHT: 25px; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; FONT: 11px/25px Tahoma,arial,sans-serif; font-weight:bold;
color:#501d47; PADDING-TOP: 0px; TEXT-DECORATION: none; line-height:18px;
}
#mainMenu UL.level1 LI.level1-li A.level1-a {
    FLOAT: left
}
#mainMenu UL LI:hover > UL {
    LEFT: 0px; VISIBILITY: visible; TOP: 18px
}
#mainMenu UL UL LI:hover > UL {
    MARGIN-TOP: -20px; LEFT: 100%; VISIBILITY: visible; TOP: auto
}
#mainMenu LI.left:hover > UL {
    RIGHT: 0px; LEFT: auto; VISIBILITY: visible; TOP: 18px
}
#mainMenu LI.left UL LI:hover > UL {
    MARGIN-TOP: -20px; RIGHT: 100%; LEFT: auto; VISIBILITY: visible; TOP: auto
}
#mainMenu A:hover UL {
    LEFT: 0px; TOP: 18px
}
#mainMenu LI.left A:hover UL {
    RIGHT: -1px; LEFT: auto; TOP: 18px
}
#mainMenu LI.left UL A {
    PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#mainMenu A:hover A:hover UL {
    LEFT: 100%; VISIBILITY: visible
}
#mainMenu A:hover A:hover A:hover UL {
    LEFT: 100%; VISIBILITY: visible
}
#mainMenu LI.left A:hover A:hover UL {
    RIGHT: 0px; LEFT: auto; VISIBILITY: visible
}
#mainMenu LI.left A:hover A:hover A:hover UL {
    RIGHT: 0px; LEFT: auto; VISIBILITY: visible
}
#mainMenu A:hover UL UL {
    LEFT: -9999px
}
#mainMenu A:hover A:hover UL UL {
    LEFT: -9999px
}
#mainMenu LI.left A:hover UL UL {
    LEFT: -9999px
}
#mainMenu LI.left A:hover A:hover UL UL {
    LEFT: -9999px
}
#mainMenu LI A.drop {
    BACKGROUND: url(brandZoneImages/white-down.gif) no-repeat right center
}
#mainMenu LI A.fly {
    BACKGROUND: url(brandZoneImages/white-right.gif) no-repeat right center
}
#mainMenu LI.left UL A.fly {
    BACKGROUND: url(brandZoneImages/white-left.gif) no-repeat left center
}
#mainMenu LI A:hover {
    text-decoration:none; DIRECTION: ltr
}
#mainMenu LI A.fly:hover {
    text-decoration:none; DIRECTION: ltr
}
#mainMenu LI:hover > A {
    text-decoration:none
}
#mainMenu UL LI:hover > A.fly {
    text-decoration:none
}
#mainMenu TABLE {
    MARGIN-TOP: -4px; LEFT: 0px; WIDTH: 0px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
#mainMenu TABLE TABLE {
    MARGIN-TOP: -29px; LEFT: 99%; WIDTH: 0px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
#mainMenu LI.left TABLE {
    MARGIN-TOP: -4px; RIGHT: 0px; LEFT: auto; WIDTH: 0px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
#mainMenu LI.left TABLE TABLE {
    MARGIN-TOP: -29px; RIGHT: 100%; LEFT: auto; WIDTH: 0px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
 
 
/***************Main menu styles ends here***************/
 
.RadListBox li.rlbItem, .RadListBox li.rlbSelected,  .RadListBox span.rlbText 
{ 
    padding:0 0 0 1;
    line-height:12px;
} 
.RadListBox span.rlbText 
{ 
    padding:0 0 0 1;
    line-height:12px;
}
 
.RadTreeView {
  line-height: 16px;
}
 
.RadTreeView .rtSp {
  height: 14px;
}
 
.RadTreeView .rtHover .rtIn,
.RadTreeView .rtSelected .rtIn {
 
  padding: 0px 1px 0px;
}
 
.RadTreeView .rtIn {
 
  padding: 1px 2px 1px;
}

Content Page
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="True"
    CodeBehind="Worklist.aspx.cs" Inherits="MedAssets.AMS.Web.Worklist" MaintainScrollPositionOnPostback="true" %>
 
<%@ Register TagPrefix="ams" Namespace="MedAssets.AMS.Web.Controls" Assembly="MedAssets.AMS.Web" %>
<%@ Register TagPrefix="uc" TagName="UsersComboBox" Src="~/Admin/WorkDistribution/UsersComboBox.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cph1" runat="server">
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="grdAccountsA">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdAccountsA" LoadingPanelID="lp1" />
                    <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />
                    <telerik:AjaxUpdatedControl ControlID="lblWorklist" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnSearch">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlMain" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadToolTipManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdAccountsA" LoadingPanelID="lp1" />
                    <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="WorkListToolBar">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlMain" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="pnlCaseAssignmentToolBar">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlMain" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="pnlAccountOverride">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlMain" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlMain" LoadingPanelID="lp1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function RowDblClick(sender, args) {
                sender.get_masterTableView().fireCommand("RowDblClickServer", args.get_itemIndexHierarchical());
            }
        </script>
        <script type="text/javascript">
            Telerik.Web.UI.RadToolTip.prototype._oldResetAutoCloseDelay = Telerik.Web.UI.RadToolTip.prototype._resetAutoCloseDelay;
            Telerik.Web.UI.RadToolTip.prototype._resetAutoCloseDelay = function () {
                this.cancelAutoCloseDelay();
                if (this.get_leaveTargetAndToolTip()) return;
                this.oldResetAutoCloseDelay();
            };
        </script>
        <script type="text/javascript">
            var column = null;
            var item = null;
            function MenuShowing(sender, args) {
                if (column == null) return;
                var menu = sender; var items = menu.get_items();
                if (column.get_dataType() == "System.String") {
                    var i = 0;
                    while (i < items.get_count()) {
                        if (!(items.getItem(i).get_value() in { 'NoFilter': '', 'Contains': '', 'NotEqualTo': '', 'EqualTo': '', 'StartsWith': '' })) {
                            item = items.getItem(i);
                            if (item != null)
                                item.set_visible(false);
                        }
                        else {
                            item = items.getItem(i);
                            if (item != null)
                                item.set_visible(true);
                        } i++;
                    }
                }
                if (column.get_dataType() == "System.DateTime") {
                    var j = 0; while (j < items.get_count()) {
                        if (!(items.getItem(j).get_value() in { 'NoFilter': '', 'EqualTo': '', 'GreaterThan': '', 'LessThan': '' })) {
                            item = items.getItem(j); if (item != null)
                                item.set_visible(false);
                        }
                        else { item = items.getItem(j); if (item != null) item.set_visible(true); } j++;
                    }
                }
                column = null;
            }
            function filterMenuShowing(sender, eventArgs) {
                column = eventArgs.get_column();
            }
 
            function OnClientClose(oWnd, args) {
                //get the transferred arguments
 
                var hasArgs = args.get_argument();
 
                if (hasArgs) {
                    var popuptype = hasArgs.action;
                    if (popuptype == "save") {
                        $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("overrideSelected");
                    }
                    else if (popuptype == "saveAll") {
                        $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("overrideAll");
                    }
                }
            }
        </script>
    </telerik:RadCodeBlock>
    <div class="formLayoutD">
        <div style='padding: 5px 5px 5px 5px;'>
            <asp:Panel ID="pnlMain" runat="server" Height="99%" Width="100%">
                <!-- Begin Content Content -->
                <table style="height: 100%">
                    <tr valign="top">
                        <td>
                            <asp:Panel runat="server" ID="pnlCaseAssignmentToolBar" Visible="false">
                                <h3>
                                    Permanent Worklist Reassignment</h3>
                                <table style="width: 100%;">
                                    <tr>
                                        <td colspan="3">
                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" DisplayMode="BulletList"
                                                CssClass="validationSummary" ShowSummary="true" ValidationGroup="CaseReassignment" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            Assigned To:
                                        </td>
                                        <td width="22%">
                                            <uc:UsersComboBox ID="ddlFromQueue" runat="server" Enabled="true" OnUserInfoSelected="ddlFromQueue_UserInfoSelected" />
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="valFromQueue" runat="server" ControlToValidate="ddlFromQueue"
                                                ValidationGroup="CaseReassignment" SetFocusOnError="true" Display="Dynamic" Text="Assigned To User/userGroup is required" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Reassign To:
                                        </td>
                                        <td>
                                            <uc:UsersComboBox ID="ddlToQueue" runat="server" Enabled="false" />
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="valToQueue" runat="server" ControlToValidate="ddlToQueue"
                                                ValidationGroup="CaseReassignment" SetFocusOnError="true" Text="*" ErrorMessage="Reassign To is required"
                                                Display="Dynamic" />
                                            <asp:CustomValidator ID="valToQueueIsNotFromQueue" runat="server" ControlToValidate="ddlToQueue"
                                                OnServerValidate="CustomValidationToQueueIsNotFromQueue" ValidationGroup="CaseReassignment"
                                                ErrorMessage="Reassign To cannot be the same as Assigned To" SetFocusOnError="true"
                                                Text="*" Display="Dynamic" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <asp:Button runat="server" ID="btnAssign" Text="Assign Accounts" ValidationGroup="CaseReassignment"
                                                OnClick="btnAssign_Click" Enabled="false" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:CustomValidator ID="valSelectAccounts" runat="server" ControlToValidate="ddlToQueue"
                                                ValidationGroup="CaseReassignment" OnServerValidate="valSelectAccounts_ServerValidate"
                                                ErrorMessage="Select Accounts to be reassigned from the grid" Text="*" Display="Dynamic" />
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                            <asp:Panel runat="server" ID="pnlAccountOverride" Visible="false">
                                <h3>
                                    Account Override</h3>
                                <table style="width: 100%;">
                                    <tr>
                                        <td colspan="3">
                                            <asp:ValidationSummary ID="ValidationSummary2" runat="server" DisplayMode="BulletList"
                                                CssClass="validationSummary" ShowSummary="true" ValidationGroup="AccountOverride" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <ams:MessageBox ID="msgBox" runat="server" EnableViewState="false"  />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            Assigned To:
                                        </td>
                                        <td width="22%">
                                            <uc:UsersComboBox ID="ddlAccountOverrideQueue" runat="server" Enabled="true" OnUserInfoSelected="ddlAccountOverrideQueue_UserInfoSelected" />
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="ddlAccountOverrideQueue"
                                                ValidationGroup="AccountOverride" SetFocusOnError="true" Display="Dynamic" Text="Assigned To User/userGroup is required" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <asp:Button runat="server" ID="btnAccountOverride" Text="Override Selected Accounts"
                                                ValidationGroup="AccountOverride" OnClick="btnAccountOverride_Click" Enabled="false" />
                                            <asp:Button runat="server" ID="btnAllAccountOverride" Text="Override All Accounts"
                                                ValidationGroup="AccountOverride" OnClick="btnAllAccountOverride_Click" Enabled="false" />
                                        </td>
                                    </tr>
                                     
                                </table>
                                <telerik:RadToolBar runat="server" ID="AccountOverrideWorklistToolbar" OnButtonClick="WorkListToolBar_ButtonClick"
                                    Width="100%" Skin="Windows7">
                                    <Items>
                                        <telerik:RadToolBarButton>
                                            <ItemTemplate>
                                                <span>Filter:     </span>
                                            </ItemTemplate>
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="EnableFilters" Text="On" CommandName="EnableFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="DisableFilters" Text="Off" CommandName="DisableFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="ClearFilter" Text="Clear" CommandName="ClearFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                    </Items>
                                </telerik:RadToolBar>
                            </asp:Panel>
                            <asp:Panel runat="server" ID="pnlWorklistToolBar" Visible="true">
                                <telerik:RadToolBar runat="server" ID="WorkListToolBar" OnButtonClick="WorkListToolBar_ButtonClick"
                                    Width="100%" Skin="Windows7">
                                    <Items>
                                        <telerik:RadToolBarButton runat="server" Value="Users" Text="Users" CommandName="MyUsers"
                                            Group="Accounts" CheckOnClick="true">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server">
                                            <ItemTemplate>
                                                <telerik:RadComboBox runat="server" ID="ddlUserList" AutoPostBack="true" MaxHeight="240px"
                                                    Skin="Windows7" AppendDataBoundItems="true" OnSelectedIndexChanged="ddlUserList_SelectedIndexChanged" />
                                            </ItemTemplate>
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="Accounts" Text="My Accounts" CommandName="MyAccounts"
                                            Group="Accounts" CheckOnClick="true">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="PreRegAccounts" Text="My Pre Reg"
                                            CommandName="MyPreRegAccounts" Group="Accounts" CheckOnClick="true">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="History" Text="My History" CommandName="MyHistory"
                                            Group="Accounts" CheckOnClick="true">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Width="30" Enabled="false" Value="tbbSearchSpace" />
                                        <telerik:RadToolBarButton>
                                            <ItemTemplate>
                                                <span>
                                                    <asp:Panel ID="pnlSearch" runat="server" class="text" DefaultButton="btnSearch" Visible="true">
                                                        <telerik:RadTextBox ID="txtSearch" SelectionOnFocus="SelectAll" runat="server" Width="100px"
                                                            Text="Search Account" ToolTip="Enter Last Name, MRN or Account Number" ValidationGroup="search" />
                                                        <asp:Button Text="Go" ID="btnSearch" runat="server" OnClick="btnSearch_Click" ValidationGroup="search"
                                                            CausesValidation="true" />
                                                        <br />
                                                        <asp:RequiredFieldValidator ID="txtSearchValidator" runat="server" Display="Dynamic"
                                                            EnableClientScript="true" ValidationGroup="search" ControlToValidate="txtSearch"
                                                            InitialValue="Search Account" ErrorMessage="You must enter search criteria." ForeColor="red" />
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"
                                                            EnableClientScript="true" ValidationGroup="search" ControlToValidate="txtSearch"
                                                            InitialValue="" ErrorMessage="You must enter search criteria." ForeColor="red" />
                                                    </asp:Panel>
                                                </span>
                                            </ItemTemplate>
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" Width="30" Enabled="false" Value="tbbSearchSpace" />
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Width="30" Enabled="false" Value="tbbSearchSpace" />
                                        <telerik:RadToolBarButton>
                                            <ItemTemplate>
                                                <span>Filter:     </span>
                                            </ItemTemplate>
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="EnableFilters" Text="On" CommandName="EnableFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="DisableFilters" Text="Off" CommandName="DisableFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                        <telerik:RadToolBarButton runat="server" Value="ClearFilter" Text="Clear" CommandName="ClearFilters">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" IsSeparator="true" />
                                    </Items>
                                </telerik:RadToolBar>
                            </asp:Panel>
                            <asp:Panel ID="pnlWorklistGridSettings" Visible="false" runat="server">
                                <h3>
                                    Worklist Grid Settings</h3>
                                <br />
                                *Right click on any column header to add or remove columns from the worklist grid.<br />
                                *Drag and drop a column header to the top of the page to group the worklist grid
                                by that criteria.<br />
                                *Drag and drop column headers to the desired position in the worklist grid.<br />
                                *Select desired page size.
                                <br />
                                <br />
                            </asp:Panel>
                            <table>
                                <tr>
                                    <td>
                                        <telerik:RadGrid ID="grdAccountsA" runat="server" AutoGenerateColumns="False" DataKeyNames="FacilityId,AccountId,AccountNumber"
                                            CssClass="Grid" Width="100%" Height="405" Skin="Windows7" GridLines="None" AllowSorting="True"
                                            AllowPaging="True" PageSize="10" OnSelectedIndexChanged="grdAccountsA_SelectedIndexChanged"
                                            OnNeedDataSource="grdAccountsA_NeedDataSource" OnItemDataBound="grdAccountsA_ItemDataBound"
                                            EnablePostBackOnRowClick="False" OnItemCommand="grdAccountsA_ItemCommand" OnPageSizeChanged="grdAccountsA_PageSizeChanged"
                                            OnPageIndexChanged="grdAccountsA_PageIndexChanged" OnSortCommand="grdAccountsA_SortCommand"
                                            ShowGroupPanel="true" GroupingEnabled="true" OnGroupsChanging="grdAccountsA_GroupsChanging"
                                            OnPreRender="grdAccountsA_PreRender" OnColumnsReorder="grdAccountsA_ColumnsReorder">
                                            <GroupingSettings ShowUnGroupButton="true" />
                                            <HeaderStyle Width="100px" />
                                            <PagerStyle AlwaysVisible="True" Mode="NextPrevAndNumeric" HorizontalAlign="Center"
                                                Height="45px"></PagerStyle>
                                            <ClientSettings EnableRowHoverStyle="true" ReorderColumnsOnClient="false" AllowDragToGroup="True"
                                                AllowColumnsReorder="True" ColumnsReorderMethod="Reorder">
                                                <Resizing AllowColumnResize="true" EnableRealTimeResize="false" ClipCellContentOnResize="true"
                                                    ResizeGridOnColumnResize="true" />
                                                <Selecting AllowRowSelect="true" />
                                                <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="False" />
                                                <ClientEvents OnRowDblClick="RowDblClick" OnFilterMenuShowing="filterMenuShowing" />
                                            </ClientSettings>
                                            <MasterTableView  IsFilterItemExpanded="true" AllowMultiColumnSorting="true"
                                                GridLines="None" EnableColumnsViewState="true" GroupLoadMode="Server">
                                                <GroupByExpressions>
                                                </GroupByExpressions>
                                                <Columns>
                                                    <telerik:GridClientSelectColumn CommandName="grdClientSelectColumn" UniqueName="grdClientSelectColumn"
                                                        Visible="false" HeaderStyle-Width="35px" />
                                                    <telerik:GridBoundColumn DataField="FacilityId" DefaultInsertValue="" Display="False"
                                                        ReadOnly="True" SortExpression="FacilityId" UniqueName="FacilityId" Visible="False" />
                                                    <telerik:GridBoundColumn DataField="AccountId" DefaultInsertValue="" Display="False"
                                                        ReadOnly="True" SortExpression="AccountId" UniqueName="AccountId" Visible="False" />
                                                    <telerik:GridBoundColumn DataField="AccountNumber" DefaultInsertValue="" HeaderText="Account #"
                                                        SortExpression="AccountNumber" UniqueName="AccountNumber" HeaderStyle-Width="80px"
                                                        AllowFiltering="false" />
                                                    <telerik:GridBoundColumn DataField="FacilityName" DefaultInsertValue="" HeaderText="Facility Name"
                                                        SortExpression="FacilityName" UniqueName="FacilityName" HeaderStyle-Width="85px"
                                                        Visible="true" AllowFiltering="false" />
                                                    <telerik:GridBoundColumn DataField="PatientName" DefaultInsertValue="" HeaderText="Patient"
                                                        SortExpression="PatientName" UniqueName="PatientName" FilterDelay="4000" HeaderStyle-Width="140px"
                                                        AllowFiltering="false" />
                                                    <telerik:GridBoundColumn DataField="AdmitDateOnly" DefaultInsertValue="" HeaderText="Admit Date"
                                                        SortExpression="AdmitDateOnly" UniqueName="AdmitDate" HeaderStyle-Width="95px"
                                                        FilterControlWidth="65px" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true"
                                                        ShowFilterIcon="true" DataFormatString="{0:MM/dd/yyyy}" />
                                                    <telerik:GridBoundColumn DataField="VisitType" DefaultInsertValue="" HeaderText="Visit Type"
                                                        SortExpression="VisitType" UniqueName="VisitType" HeaderStyle-Width="35px" FilterControlWidth="33px"
                                                        CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true" ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="PatientType" DefaultInsertValue="" HeaderText="Pt Type"
                                                        SortExpression="PatientType" UniqueName="PatientType" HeaderStyle-Width="35px"
                                                        FilterControlWidth="33px" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true"
                                                        ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="ServiceType" DefaultInsertValue="" HeaderText="Service"
                                                        SortExpression="ServiceType" UniqueName="ServiceType" HeaderStyle-Width="60px"
                                                        FilterControlWidth="60px" CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true"
                                                        ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="Location" DefaultInsertValue="" HeaderText="Location"
                                                        SortExpression="Location" UniqueName="Location" HeaderStyle-Width="50px" FilterControlWidth="50px"
                                                        CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true" ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="FinancialClass" DefaultInsertValue="" HeaderText="Fin Class"
                                                        SortExpression="FinancialClass" UniqueName="FinancialClass" HeaderStyle-Width="40px"
                                                        FilterControlWidth="38px" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true"
                                                        ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="PlanCode" DefaultInsertValue="" HeaderText="Plan Code"
                                                        SortExpression="PlanCode" UniqueName="PlanCode" HeaderStyle-Width="50px" FilterControlWidth="38px"
                                                        CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="true" ShowFilterIcon="false" />
                                                    <telerik:GridBoundColumn DataField="PlanCodeDescription" DefaultInsertValue="" HeaderText="Plan Description"
                                                        SortExpression="PlanCodeDescription" UniqueName="PlanCodeDescription" HeaderStyle-Width="100px"
                                                        FilterControlWidth="90px" CurrentFilterFunction="StartsWith" ShowFilterIcon="false"
                                                        AutoPostBackOnFilter="true" />
                                                    <telerik:GridBoundColumn DataField="MRN" DefaultInsertValue="" HeaderText="MRN" SortExpression="MRN"
                                                        UniqueName="MRN" HeaderStyle-Width="65px" Visible="true" />
                                                    <telerik:GridBoundColumn DataField="PreAdmitTestDateOnly" DefaultInsertValue="" HeaderText="Pre-Admit Testing Date"
                                                        FilterControlWidth="65px" SortExpression="PreAdmitTestDateOnly" UniqueName="PreAdmitTestDateOnly"
                                                        HeaderStyle-Width="95px" Visible="true" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true"
                                                        ShowFilterIcon="true" DataFormatString="{0:MM/dd/yyyy}" />
                                                    <telerik:GridBoundColumn DataField="AdmitDateTimeExpectedOnly" DefaultInsertValue=""
                                                        HeaderText="Expected Admit Date" FilterControlWidth="65px" SortExpression="AdmitDateTimeExpectedOnly"
                                                        UniqueName="AdmitDateTimeExpectedOnly" HeaderStyle-Width="95px" Visible="true"
                                                        CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true" ShowFilterIcon="true"
                                                        DataFormatString="{0:MM/dd/yyyy}" />
                                                    <telerik:GridBoundColumn DataField="AssignedUser" DefaultInsertValue="" HeaderText="Assigned User"
                                                        SortExpression="AssignedUser" UniqueName="AssignedUser" HeaderStyle-Width="100px"
                                                        Visible="false" AllowFiltering="false" />
                                                    <telerik:GridTemplateColumn HeaderText="Status" SortExpression="Status" HeaderStyle-Width="35px"
                                                        AllowFiltering="false" Groupable="false">
                                                        <ItemTemplate>
                                                            <asp:Image ID="statusImage" runat="server" ImageUrl="~/app_themes/default/images/statusNotStarted.png" />
                                                        </ItemTemplate>
                                                    </telerik:GridTemplateColumn>
                                                </Columns>
                                            </MasterTableView>
                                            <FilterMenu OnClientShown="MenuShowing" />
                                            <GroupingSettings CaseSensitive="False" />
                                        </telerik:RadGrid>
                                        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" EnableViewState="false"
                                            Animation="fade" EnableShadow="true" Width="280" Height="100%" Position="BottomLeft"
                                            RenderInPageRoot="true" HideEvent="LeaveTargetAndToolTip" AutoCloseDelay="10000"
                                            RelativeTo="Element" OnAjaxUpdate="OnAjaxUpdate" Skin="Windows7" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <table width="1012px">
                    <tr>
                        <td align="right">
                            <asp:Panel runat="server" ID="PnlWorklistGridSettingsButtions" Visible="false">
                                <asp:Button runat="server" ID="btnSaveGridSettings" Text="Save" Width="60" OnClick="btnSaveGridSettings_Click"
                                    Enabled="true" />
                                <asp:Button runat="server" ID="btnCanceGridSettings" Text="Cancel" Width="60" OnClick="btnCancelGridSettings_Click"
                                    Enabled="true" />
                            </asp:Panel>
                        </td>
                    </tr>
                </table>
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableViewState="false"
                    OnClientClose="OnClientClose" Width="435" Height="120" Skin="Windows7" />
            </asp:Panel>
        </div>
    </div>
</asp:Content>

Master Page
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs"
    Inherits="MedAssets.AMS.Web.MasterPage" %>
 
<%@ Register Assembly="TSC.Timeout" Namespace="TSC.Timeout" TagPrefix="tsc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head runat="server">
     
    <title id="title" runat="server">Access Management</title>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
 
        <script type="text/javascript" src="<%= ResolveUrl("~/Javascript/jquery-1.4.4.min.js") %>"></script>
 
        <script type="text/javascript" src="<%= ResolveUrl("~/Javascript/jquery-ui-1.7.0.min.js") %>"></script>
 
        <script type="text/javascript" src="<%= ResolveUrl("~/Javascript/jquery.bgiframe-2.1.1.pack.js") %>"></script>
   
    </telerik:RadCodeBlock>
</head>
<body id="body" runat="server">
    <div id="wrapper" style="width: 100%; height: 100%">
        <div id="headerBody" style="width: 100%; height: 100%">
            <form id="form1" runat="server">
            <telerik:RadScriptManager ID="sm1" runat="server" />
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
            <telerik:RadAjaxLoadingPanel ID="lp1" runat="server" Skin="Vista" Height="200" Width="200" />
            <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server"
                Skin="Vista" EnableRoundedCorners="false" ControlsToSkip="fieldset" />
            <!-- Timeout control -->
            <span id="dirtyForm" style="display: none;"></span>
            <tsc:Timeout ID="Timeout1" runat="server" title="Session Expiring" Enabled="true"
                TimeoutURL="~/Timeout.aspx" ResetSessionOnAsyncPostback="true" CountDownSpanID="tscCounter"
                DirtyFormSpanID="dirtyForm">
                <Template>
                    <p>
                        <span class="ui-icon ui-icon-alert" style="float: left; margin: 1px 10px 20px 0;">
                        </span>For your security, your session is about to expire.
                    </p>
                    <br />
                    <span id="tscCounter" class="TimeOutCounter" ></span>
                    <br />
                    <p>
                        Click <b>Ok</b> to continue your session.</p>
                </Template>
            </tsc:Timeout>
            <!-- Master Container -->
            <asp:Panel runat="server">
                <!-- Master Header -->
                <ams:Header ID="Header" runat="server" />
                <!-- Main Content -->
                <asp:ContentPlaceHolder ID="cphLogin" runat="server">
                </asp:ContentPlaceHolder>
                <div class="MasterContent" style="width: 99%; height: 100%;">
                    <asp:ContentPlaceHolder ID="cph1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
            </asp:Panel>
            </form>
        </div>
        <span id="brandzoneFooter">
            <div class="footer">
                MedAssets® and AccessIntegrity® are registered trademarks of MedAssets,
                Inc. AccessIntegrity Version 2.4.0. © 2012 MedAssets, Inc. All rights reserved.  
                <br />
                <a href="http://www.medassets.com/Utilities/Pages/Privacy-Policy.aspx">Privacy Policy</a>
                | <a href="http://ir.medassets.com/documentdisplay.cfm?DocumentID=2870">Standards of
                    Business Conduct</a> | <a href="http://www.medassets.com/Utilities/Pages/Terms-of-Use.aspx">
                        Terms of Use</a>  
            </div>
        </span>
    </div>
</body>
</html>

7 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 15 Mar 2012, 07:30 AM
Hello Kris,

try with below code snippet.

<telerik:GridBoundColumn FilterControlWidth="100px">
                     
                    </telerik:GridBoundColumn>


Thanks,
Jayesh Goyani
0
Kris
Top achievements
Rank 1
answered on 15 Mar 2012, 03:33 PM
Jayesh Goyani. Thanks but that didn't work. Still the same issue. I think CSS hack would be more appropriate.
0
Kris
Top achievements
Rank 1
answered on 15 Mar 2012, 03:45 PM
Jayesh,

I followed Pavlina's suggestion from here. http://www.telerik.com/community/forums/aspnet-ajax/grid/filter-icon-displayed-on-next-line-under-filter-textbox-while-using-allowfilteringbycolumn.aspx

This works. Do you think this is a good idea?
0
Jayesh Goyani
Top achievements
Rank 2
answered on 15 Mar 2012, 05:58 PM
Hello Kris,

Yes, offcource it is also good.

Thanks,
Jayesh Goyani
0
Kris
Top achievements
Rank 1
answered on 15 Mar 2012, 09:19 PM
GridRecapture.PNG
Jayesh,

Thanks. I have another question. When I resize the column, the texbox is not resizing. Do you have any pointers that can help me? Please see attached snap shot. Thanks.
0
Accepted
Galin
Telerik team
answered on 20 Mar 2012, 03:00 PM
Hello Kris,

I can suggest you a simple approach to try. It uses only CSS to make the filter item automatically change its width based on the available space. You should only add the following CSS to your page's stylesheet or inside its <head> tag:

<style type="text/css">
    div.RadGrid .rgFilterRow .rgFilterBox
    {
        width: 100%;
    }
      
    div.RadGrid .rgFilterRow td
    {
        padding-right: 30px;
    }
</style>

I hope this helps.

All the best,
Galin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Kris
Top achievements
Rank 1
answered on 22 Mar 2012, 09:49 PM
Galin,

Thanks for your help. I also had to remove setting width via "filtercontrolwidth" property from my grid to get the filter icon/textbox display properly.

Kris.
Tags
Grid
Asked by
Kris
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Kris
Top achievements
Rank 1
Galin
Telerik team
Share this question
or