Jump to content

Hiding columns in the calendar


Graham Quince

Recommended Posts

Here's a cute bit of CSS I was asked for to hide the Saturday and Sunday columns in the new look Calendar widget.  It's not really worth a whole tutorial, but it uses nth-child as the individual table cells don't have class names

<style>
  div[data-content-uuid="uuid of the widget"] .frogui_components_calendarweekview th:nth-child(7),
  div[data-content-uuid="uuid of the widget"] .frogui_components_calendarweekview th:nth-child(8),  
  div[data-content-uuid="uuid of the widget"] .frogui_components_calendarweekview td:nth-child(7),  
  div[data-content-uuid="uuid of the widget"] .frogui_components_calendarweekview td:nth-child(8) {
      display:none;
  }
</style>

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...