• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
  1. Home
  2. k4z137
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Offline
  • Profile
  • Following 0
  • Followers 0
  • Topics 1
  • Posts 1
  • Groups 0

k4z137

@k4z137

0
Reputation
156
Profile views
1
Posts
0
Followers
0
Following
Joined May 4, 2019, 3:44 PM
Last Online Jul 22, 2019, 5:22 PM

k4z137 Unfollow Follow

Latest posts made by k4z137

  • MMM-CalendarExt2

    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;
    }
    
    
    posted in Troubleshooting
    K
    k4z137
    Jul 3, 2019, 8:26 PM
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