Calendar WebPart Width and Height
The following styles will change the Calendar Web Part width and height based on Web Part Zone dimensions.
<style type="text/css">
.ms-acal-item { height: 10px !important; }
.ms-acal-item { width: 20px !important; }
.ms-acal-sdiv,
.ms-acal-mdiv,
.ms-acal-ctrlitem,
.ms-acal-month-weeksel,
.ms-acal-title,
.ms-acal-vlink a { display:none; }
.ms-acal-month-top span { display: none; }
.ms-acal-summary-itemrow TD DIV { height: 20px !important; }
.ms-acal-week-top td.ms-acal-hover div,
.ms-acal-summary-dayrow td.ms-acal-hover div,
.ms-acal-summary-dayrow th.ms-acal-hover {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-weekgroup-top td.ms-acal-hover div {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow > th {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow td.ms-acal-hover div,
.ms-acal-summary-dayrow th.ms-acal-hover {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow td div {
pointer-events: none !important;
cursor: default !important;
}
tr.ms-acal-summary-dayrow > td {
pointer-events: none !important;
cursor: default !important;
}
</style>
<style type="text/css">
.ms-acal-item { height: 10px !important; }
.ms-acal-item { width: 20px !important; }
.ms-acal-sdiv,
.ms-acal-mdiv,
.ms-acal-ctrlitem,
.ms-acal-month-weeksel,
.ms-acal-title,
.ms-acal-vlink a { display:none; }
.ms-acal-month-top span { display: none; }
.ms-acal-summary-itemrow TD DIV { height: 20px !important; }
.ms-acal-week-top td.ms-acal-hover div,
.ms-acal-summary-dayrow td.ms-acal-hover div,
.ms-acal-summary-dayrow th.ms-acal-hover {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-weekgroup-top td.ms-acal-hover div {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow > th {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow td.ms-acal-hover div,
.ms-acal-summary-dayrow th.ms-acal-hover {
pointer-events: none !important;
cursor: default !important;
}
.ms-acal-summary-dayrow td div {
pointer-events: none !important;
cursor: default !important;
}
tr.ms-acal-summary-dayrow > td {
pointer-events: none !important;
cursor: default !important;
}
</style>
Comments
Post a Comment