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 how about adding downColor: “red”,

      i don’t know anything about the module myself…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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