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.

    where can i set a colour for up/down in MMM-ServerStatus?

    Scheduled Pinned Locked Moved Troubleshooting
    20 Posts 5 Posters 4.2k Views 5 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.
    • S Offline
      sdetweil @chris47803
      last edited by

      @chris47803 the module uses a template and does this

      {% for host in pingResults %}
      			{% if host.isAlive %}
      				<span style="color: {{ config.upColor }};" class="fas fa-{{ config.upSymbol }}"></span> {{ host.name }} {{ config.upText }}
      			{% else %}
      				<span style="color: {{ config.downColor }};" class="fas fa-{{ config.downSymbol }}"></span> {{ host.name }} {{ config.downText }}
      			{% endif %}
      			<br />
      		{% endfor %}
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • C Offline
        chris47803
        last edited by

        I got it. The color is for symbols only

        Thank you

          {
                module: "MMM-ServerStatus",
                header: "Netzwerk",   // Can be anything you want, or blank
                position: "top_right",       // Choose a position
                config: {
                upColor: "#00ff00",
                downColor: "#ff0000",
                upSymbol: "globe",
                downSymbol: "globe",
                    hosts: [    // For example
        { ip: "192.168.2.2", name: "Fritz!Box"},
        { ip: "192.168.2.1", name: "Huelsen DC"},
        { ip: "192.168.2.5", name: "NAS 542"},
        { ip: "192.168.2.24", name: "Christian PC"},
        
        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @chris47803
          last edited by

          @chris47803 ah

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            miniashman @sdetweil
            last edited by miniashman

            Is there a way to left-align the device/network names and right-align the status? current view looks centred

            Screen Shot 2021-04-17 at 10.54.30 AM.png .

            M 1 Reply Last reply Reply Quote 0
            • M Offline
              miniashman @miniashman
              last edited by

              Solved, i figured it out but going through how it works on other modules. Just incase anyone else needs to know this is what I added to custom.css

              
              .MMM-ServerStatus table td {
                text-align: left !important;
              }
              
              1 Reply Last reply Reply Quote 0
              • B Offline
                bdream
                last edited by

                Hey @miniashman great having your information here. That solved partwise my color problem, but I have shown my device, the colored icon and additional the word UP.
                I can’t find how to get rid of this word. I haven’t it in my config :angry_face:

                               {
                                        module: "MMM-ServerStatus",
                                        header: "",
                                        position: "top_center",
                                        config: {
                                                upSymbol: "thumbs-up",
                                                downColor:  "#ff0000",
                                                upColor:  "#00ff00",
                                                downColor: "thumbs-down",
                                                hosts: [
                                                        { name: "door-bell", ip: "192.168.0.6" },
                                                ],
                                        },
                                },
                
                

                Any help for me?

                –
                cheers, bdream

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @bdream
                  last edited by

                  @bdream try

                  upText:"",
                  downText:""
                  

                  in the module config section

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 2 / 2
                  • 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