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

    Posts

    Recent Best Controversial
    • RE: MM Default Alert Module Overlay Does not Go Away When Clicked

      Hi @contactmike1 I have checked the issue and reproduced it, I can confirm that it is a bug. I will create GitHub issue and will solve it as well.

      The issue is because alert.js is not getting call back from Notificationfx.js when it is dismissed by user, In case of timer it is working fine.

      Here in code below we are not assigning onClose call back handler (It should also set with right context).

      this.alerts[sender.name] = new NotificationFx({
      			message: image + message,
      			effect: this.config.alert_effect,
      			ttl: params.timer,
      			al_no: "ns-alert"
      		});
      

      Below notification handler is calling the callback when user dismisses it or it is dismissed by code.

      NotificationFx.prototype.dismiss = function () {
      		this.active = false;
      		clearTimeout(this.dismissttl);
      		this.ntf.classList.remove("ns-show");
      		setTimeout(() => {
      			this.ntf.classList.add("ns-hide");
      
      			// callback
      			this.options.onClose(); //< -----------
      		}, 25);
      
      posted in Troubleshooting
      A
      ashishtank
    • RE: Display waste bins in color

      @kusselin Hi it is possible with both JavaScript and CSS. Based on bin type you can either create css class like .biobin or .residualbin and in that class have image background of that bin type or you can directly assign image source to bin type. It would be easier if you post some code here…

      Below is quick example with .css

      body {
         background-color: #cccccc;
      }
      
      .bin{
      height:350px;
      width:300px;
      background-size: cover;
      
      }
      .biobin{
      background-image: url("https://cdn0.iconfinder.com/data/icons/garbage-items-cartoon-style/512/al396_14-512.png");
      }
      .residualbin {
      background-image: url("https://safe.onoffmarket.com/data/item/201201/1325650700_l1")
      }
      
      
      < div class=" bin biobin">bio bin
      < /div>
      < div class="bin residualbin"> residual bin
      < /div>
      
      

      ad750312-f272-4900-8f19-cd6338f353ca-image.png

      posted in Custom CSS
      A
      ashishtank
    • RE: Using Two Fonts with Compliments

      @MrDondoT If you are not changing modules frequently then you can do it with custom.css and using module id and sub classes.
      Below is example for calendar, same is possible with other modules.

      #module_4_calendar .module-header {
      	color: orange !important;
      }
      
      #module_4_calendar .title.bright 
      {
      	color: orange !important;	
      }
      

      37b91dcf-ab08-40cd-a1e5-c2ed91f65573-image.png

      posted in Troubleshooting
      A
      ashishtank
    • RE: 2 SolarEdge PV systems in 1 M-Mirror

      @SiJuAtHome11 Which module you are using ? https://github.com/darickc/MMM-SolarEdge this one looks okay by code and looks like it supports multiple instance of same modules.

      If you are using https://github.com/bertieuk/MMM-SolarEdge this one then from code it looks like it does not support multiple modules.

      posted in Requests
      A
      ashishtank
    • RE: server/client setup: how to force client's custom.css

      @keithhannen Good to know that :) , I think you need to keep dev tools open ? If Yes, you can undock it and then minimize it.

      posted in Troubleshooting
      A
      ashishtank
    • RE: Clock and current weather horizontally

      @JasonInOttawa May be float is doing this because you are not showing week text as header ? In my screenshot they are aligned on top. Any ways both are on user choice ! :)

      posted in Custom CSS
      A
      ashishtank
    • RE: Clock and current weather horizontally

      @JasonInOttawa yes there are multiple ways to achieve the same :) We both posted reply at same time !

      posted in Custom CSS
      A
      ashishtank
    • RE: Clock and current weather horizontally

      @JasonInOttawa yes, Indeed I was only giving example to understand the requirement. you can do it by using custom.css file. Add below code to show clock and current weather side by side.

      .clock
      {
      	float: left;
      }
      .currentweather
      {
      	float: left;
      	padding-left: 20px; //Adjust this for left spacing between both modules
      }
      
      

      below should be output.

      5fc505aa-4534-42dd-8445-b056090521d0-image.png

      posted in Custom CSS
      A
      ashishtank
    • RE: Clock and current weather horizontally

      @JasonInOttawa You mean like below ?

      28bfddac-8f61-4885-8e63-2e0c2c3bffff-image.png

      posted in Custom CSS
      A
      ashishtank
    • RE: Need help - New programmer

      @smart_user Where you are stuck ? check the default modules code, you will need to configure a timer to repeat the task every 1 hour (should be configurable). and in that task you should display message on screen.

      Check window.timeout and window.setInterval function of javascript.

      posted in General Discussion
      A
      ashishtank
    • 1
    • 2
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 12 / 15