Select to view content in your preferred language

How can I move the fullscreen button?

1035
8
Jump to solution
10-18-2017 11:17 AM
WhitneyNewcomb
Regular Contributor

Hi!

I'm using the Dashboard theme for my application and the fullscreen button is off of my map which is where I would like it to be. 

I have an image below of my app which shows where the fullscreen button is and potential places I would like it to be.

If someone could direct me to where in the code I can change this I would be much appreciative.

If there's anything I can elaborate on or clarify, please let me know.

Thank you in advance for your time!

Fullscreen button and where I might want to move it.

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Whitney,

  In the apps main config.json file just adjust the FullScreen widgets position properties:

      {
        "uri": "widgets/FullScreen/Widget",
        "position": {
          "relativeTo": "browser",
          "right": 15,
          "top": 75
        },
        "version": "2.5",
        "id": "widgets_FullScreen_Widget_31",
        "name": "FullScreen"
      },
//bottom changed to top and right value adjusted.

View solution in original post

0 Kudos
8 Replies
RobertScheitlin__GISP
MVP Emeritus

Whitney,

  In the apps main config.json file just adjust the FullScreen widgets position properties:

      {
        "uri": "widgets/FullScreen/Widget",
        "position": {
          "relativeTo": "browser",
          "right": 15,
          "top": 75
        },
        "version": "2.5",
        "id": "widgets_FullScreen_Widget_31",
        "name": "FullScreen"
      },
//bottom changed to top and right value adjusted.
0 Kudos
WhitneyNewcomb
Regular Contributor

Thank you so much Robert!! I appreciate it! 

0 Kudos
WhitneyNewcomb
Regular Contributor

I will but actually,

I cannot find that json file anywhere  

Can you point me in the right direction?

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Whitney,

   Are you using WAB Developer edition? If not then you do not have access to change that file when the app is coming from AGOL.

0 Kudos
WhitneyNewcomb
Regular Contributor

I am using the WAB Developer edition. 

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Then you can find that file in the [install dir]\server\apps\[app#]\config.json.

WhitneyNewcomb
Regular Contributor

You're wonderful - I found it. Thank you!

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Your should mark the reply that answered your question by clicking the Mark Correct button on that reply, so that others can find the correct answer in the thread easier.

0 Kudos