MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-CalendarExt2

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    2 Posts 2 Posters 823 Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • k4z137K Offline
      k4z137
      last edited by

      So I’ve taken the custom.css and config.js from the module and changed settings on it to fit my needs.

      I am trying to make it so the mode: “month”, view is smaller size. Like maybe I can put it somewhere on the top left and have it take a quarter of the screen. When I make it into month instead of daily it takes over the whole screen.

      How do I resize it?

      Here is my config.js

      	{
      		module: 'MMM-CalendarExt2',
      		config: {
      			rotateInterval: 90*1000,
      			scenes:[
      				{
      					name: "DEFAULT",
      					views: ["upcoming","Overview Private"],
      				},
      				{
      					name: "WorkMode",
      					views: ["upcoming","Overview Work"],
      				},
      			],
      			views:[
      				{
      					name: "upcoming",
      					mode: "upcoming",
      					position: "top_center",
      					maxItems: 5,
      					maxDays: 1,
      					locale: "en",
      					hideOverflow: false,
      					filterPassedEvent: true,
      					calendars: ["CUSTOMNAME"],
      				},
      				{
      					name: "Overview Private",
      					title: "Private Calendars",
      					mode: "daily",
      					type: "row",
      					position: "bottom_bar",
      					slotCount: 7,
      					weeks: 2,
      					locale: "en",
      					hideOverflow: false,
      					filterPassedEvent: false,
      					calendars: ["CUSTOMNAME"],
      				},
      				{
      					name: "Overview Work",
      					title: "Work Calendars",
      					mode: "daily",
      					type: "row",
      					position: "bottom_bar",
      					slotCount: 7,
      					locale: "en",
      					hideOverflow: false,
      					filterPassedEvent: false,
      					calendars: ["CUSTOMNAME"],
      				},
      			],
      			calendars: [
      				{
      					name: "CUSTOMNAME",
      					url: "#############",
      				},
      			],
      		},
      	},
      

      Here is the custom.css

      body {
      	margin: 10px;
      	height: calc(100% - 20px);
      	width: calc(100% - 30px);
      }
      .CX2 .agenda .eventSub {
      	display:none;
      }
      .CX2 .daily .fullday .eventTime {
      	display:none;
      }
      .CX2 .slot .event{
      	background: inherit;
      }
      .CX2 .slot .slotHeader{
      	background-color: inherit;
      	text-transform: uppercase;
      	font-size: 15px;
      	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
      	font-weight: 400;
      	border-bottom: 1px solid #666;
      	line-height: 15px;
      	padding-bottom: 5px;
      	margin-bottom: 10px;
      	color: #999;
      }
      .CX2 .today .slotHeader * {
      	color: inherit;
      }
      .CX2 .event.fullday {
      	color: inherit;
      }
      .CX2 .slot .slotFooter {
      	display: none;
      }
      .CX2 .event[data-calendar-name="CUSTOMNAME"],
      .CX2 .event[data-calendar-name="CUSTOMNAME"] {
      	border-left: #ce4138 solid;
      }
      
      
      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @k4z137
        last edited by

        @k4z137
        What is your exact intent? If there be some sample image, it will help to guess.

        1 Reply Last reply Reply Quote 0
        • 1 / 1
        • First post
          Last post
        Enjoying MagicMirror? Please consider a donation!
        MagicMirror created by Michael Teeuw.
        Forum managed by Sam, technical setup by Karsten.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy