Saturday, March 19, 2016

FullCalendar remove scroll bar's header border

FullCalendar adds the following when a scroller appears:
<div class="fc-row fc-widget-header" style="border-right-width: 1px; margin-right: 16px;">


This results in a border appearing on the rightside of the header.

There's two ways to remove this inline style:
1. jQuery -  $(".fc-row.fc-widget-header").css("border-right-width", "")

2. CSS style to override
.fc-row.fc-widget-header{
  border-right-width:0px !important;
}

The !important is important! That allows the CSS to override the inline style, which would otherwise take precedence.


I prefer #2, because I prefer to deal with style in CSS when possible.

No comments:

Post a Comment

There was an error in this gadget