• 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
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-Screencast Position

Scheduled Pinned Locked Moved Bug Hunt
8 Posts 4 Posters 1.2k Views 4 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.
  • P Offline
    poucedeleon
    last edited by Mar 18, 2022, 9:35 PM

    Have installed MMM-Screencast on my MagicMirror2 and it works great. I am trying to position the screen in a specific position on my monitor. My Monitor is portrait, and I want the screen at middle point hormonally on the right side. It is an area where I don’t have anything on the screen. I have added x: and y: to my config.js, but no matter what numbers I type the screen does not move. Has anyone been able to move the screen, and maybe tell me what I am doing wrong.

    {
    module: "MMM-Screencast",
    position: "top_right", // This position is for hidden <div /> ect.
    config:   {
                   position:   "top_right",
                   height:   300,
                   width:   500,
                   x:   -700,
                   y:   0,
         }
    },
    
    
    J 1 Reply Last reply Mar 19, 2022, 6:28 AM Reply Quote 0
    • J Offline
      JerryP @poucedeleon
      last edited by Mar 19, 2022, 6:28 AM

      @poucedeleon

      Possible values are top_bar , top_left , top_center , top_right , upper_third , middle_center , lower_third , bottom_left , bottom_center , bottom_right , bottom_bar , fullscreen_above , and fullscreen_below

       {
              module: "MMM-Screencast",
              position: "top_right", // This position is for hidden <div /> ect.
              config:  {
                     position:   " ", //Possible values are top_bar , top_left , top_center , top_right , upper_third , middle_center , lower_third , bottom_left , bottom_center , bottom_right , bottom_bar , fullscreen_above , and fullscreen_below
                     height:   300,
                     width:   500,
                     x:   -700,
                     y:   0,
           }
      },
      
      1 Reply Last reply Reply Quote 0
      • P Offline
        poucedeleon
        last edited by Mar 20, 2022, 6:28 PM

        This is from the config option section

        Configuration options for MMM-Screencast

        Option Description
        position Required The position of the screencast window.
        Options: [‘bottomRight’, ‘bottomCenter’, ‘bottomLeft’, ‘center’, ‘topRight’, ‘topCenter’, ‘topLeft’]
        Type: string
        Note: This module config actual sets the location, not the magic mirror position config. NOTE
        x Optional (required if y is used) Window’s left offset from screen. Takes precedence over position.
        Type: number (pixels)
        y Optional (required if x is used) Window’s left offset from screen. Takes precedence over position.
        Type: number (pixels)italicised text

        P 1 Reply Last reply Mar 20, 2022, 6:30 PM Reply Quote 0
        • P Offline
          poucedeleon @poucedeleon
          last edited by Mar 20, 2022, 6:30 PM

          @poucedeleon Maybe I should take “position:” out if I am using x & y?

          S 1 Reply Last reply Mar 20, 2022, 6:38 PM Reply Quote 0
          • S Offline
            sdetweil @poucedeleon
            last edited by Mar 20, 2022, 6:38 PM

            @poucedeleon note that there are TWO position settings

            from the readme

                           module: "MMM-ScreenCast", 
            		position: 'bottom_right', // This position is for a hidden <div /> and not the screencast window
            		config: {
            			position: 'bottomRight',
            

            the 1st one is thee MM position, there MUST be something, else NO content will be displayed
            as MM doesn’t know where to put it.,.

            the second (different spelling) is the modules private info… don’t know how it uses that

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            P 1 Reply Last reply Mar 23, 2022, 7:40 PM Reply Quote 0
            • R Offline
              ramisthand76
              last edited by Mar 22, 2022, 7:42 AM

              this is really helpful post for me, thank you for your comments

              1 Reply Last reply Reply Quote 0
              • P Offline
                poucedeleon @sdetweil
                last edited by Mar 23, 2022, 7:40 PM

                @sdetweil I know spelling is critical. On your example position: :“bottomRight” is this spelling correct?

                S 1 Reply Last reply Mar 23, 2022, 8:16 PM Reply Quote 0
                • S Offline
                  sdetweil @poucedeleon
                  last edited by Mar 23, 2022, 8:16 PM

                  @poucedeleon

                  position: 'bottomRight',
                  

                  that is a MMM-ScreenCast property… not MagicMirror

                  but, yes whatever way the module expects, exact syntax is important, including upper/lower case.

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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