Line under/around the event header (cal page not lightbox)

For some reason I can’t get a border around the title

I’ve been requested that I have some form of delineation so that people can have a target to click and drag the event.

Any suggestions are appreciated.

TIA

David

  1. didn’t work:
    .dhx_cal_event.dhx_header {
    border-color: #C1E0FF,
    border-weight: 1px,
    border-style: solid
    }

  2. didn’t work either (only put a border around the text):
    scheduler.templates.event_header = function(start,end,event){
    // title
    var title = 'DIV ’ + event.division + ': ’ + scheduler.templates.event_date(start)+
    " - "+scheduler.templates.event_date(end);

              var border = 'border-width: 1px; border-style: solid; border-color: red;';      
              return(check_style + '<span style= "' + border + cancel_style + '"> ' + title + '
    

');
};

You can use something like

.dhx_cal_event .dhx_title { border-bottom: 1px solid #C1E0FF !important; }

That worked great!

Thanks,

-D

.dhx_cal_event .dhx_title {
border-bottom: 1px dotted #C1E0FF !important;
padding-bottom: 1px;
}