Due to wide tables we have on parts of our app, we have it set to Full Width. But we have a calendar view on one page that I don’t want to take up the whole screen - it’s too wide.
How do I reduce the max width to 1000px or 75% of a calendar view?
Hi Kristina
Here’s a couple of CSS samples we’ve used:
/==================RESIZE & CENTRE CALENDAR view========================/
/* replace with your view # */
#view_681 > div.knack-calendar.fc {
height: 75% !important;
width: 75% !important;
}
#view_681 >div.knack-calendar.fc {
margin-left: 30%;
transform: translate(-25%, 0%);
text-align: center;
align-content: center;
justify-content: center;
object-position: 50% 50%;
columns: center;
}
/==================RESIZE & CENTRE CALENDAR view========================/
/==================RESIZE & REPOSITION CALENDAR view========================/
/* Location & Jobs /
/ replace with your view # */
#view_1613 > div.knack-calendar.fc {
height: 30% !important;
width: 30% !important;
}
#view_1613 >div.knack-calendar.fc {
margin-left: 7.5%;
transform: translate(-25%, 0%);
text-align: center;
align-content: center;
justify-content: center;
object-position: 50% 50%;
columns: center;
}
/*==================RESIZE & CENTRE CALENDAR
Dean