Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Nicolas Darques on Dec 03, 2007 06:12
open dhtmlx forum
Selection deactivated in grid header ?

Hello I was wondering if there was a way of activating selection in grid headers. Right now I have a input type text in a header to filter out rows using keywords. My filtering routine works fine. The only thing strange is that I can't hilight my text in the input box to remove it or anything only backspace works. So I checked My css and went through your documentation but couldn't find anything relevant to what I'm looking for. Enabling selection box doesn't enable the selection in the header. Maybe have I done something wrong. Thanx for any help given :)

Nicolas
Answer posted by Support on Dec 03, 2007 07:32
Selection blocked by default, to enable it in header only just remove next line in dhtmlxgrid.css

div.gridbox table.hdr td {
    font-family:arial;
    font-size:12px;
    background-Color:#D4D0C8;
    border: 1px solid;
    border-color : white Gray Gray white;
    text-align: center;
    margin:0px;
    padding:5px 0px 5px 0px ;
    font-weight:normal;
    -moz-user-select:none;    << this line, please beware that in case of skin usage this class can have more than one instance in dhtmlxgrid.css
    overflow:hidden;
    empty-cells:show;
    }


and add next line to grid initialization code
   
    grid = new ...
    grid.onselectstart=function(){
       event.cancelBubble=true;
       return true;
    };