Chart widget - Enlarge popup window change size

1401
7
Jump to solution
08-21-2017 02:01 AM
MayurDodiya
Occasional Contributor

How to change size of chart widget enlarge popup window ?

Tags (1)
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Mayur,

   In the Chart widgets Widget.js file find this function and adjust the width and height:

      _createBigPreview: function(){
        if(!this.previewArgs){
          return;
        }
        //60 75
        var windowWidth = document.body.clientWidth;
        var windowHeight = document.body.clientHeight;
        var margin = 20;
        var width = windowWidth - 2 * margin;
        var height = windowHeight - 2 * margin;
        if(width < 100 || height < 100){
          return;
        }

View solution in original post

7 Replies
RobertScheitlin__GISP
MVP Emeritus

Mayur,

   I am a little confused you say enlarge the chart widgets popup window. Do you mean the widgets panel that the chart is in? A popup in the WAB would means the window that appears when you click on a feature that has popups configured in the map.

0 Kudos
MayurDodiya
Occasional Contributor

Hi Robert,

Thanks for reply and sorry for the confusion.

We have the two option in chart panel 1. settings & 2. Enlarge window

When you click on enlarge button (zoomin icon), it enlarge the window in bigger size and display the chart in it, I want to change the size of that enlarge window.

Many thanks Robert

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Mayur,

   In the Chart widgets Widget.js file find this function and adjust the width and height:

      _createBigPreview: function(){
        if(!this.previewArgs){
          return;
        }
        //60 75
        var windowWidth = document.body.clientWidth;
        var windowHeight = document.body.clientHeight;
        var margin = 20;
        var width = windowWidth - 2 * margin;
        var height = windowHeight - 2 * margin;
        if(width < 100 || height < 100){
          return;
        }
MayurDodiya
Occasional Contributor

Hi Robert,

I changed the height and width. Many thanks

0 Kudos
AP3
by
New Contributor

Mayur SinhRobert Scheitlin, GISP‌ Guys, can you please help me with the path for Widget.JS file here? I have tried below shown paths but in vain. And do we need to restart the ArcGIS server?

Secondly, is there a way we can change the Chart Size as well not just the Pop Up Window size?

Paths:

C:\Program Files\ArcGIS\Portal\apps\webappviewer\widgets\Chart
C:\Program Files\ArcGIS\Portal\framework\template\filetokens\apps\webappbuilder\stemapp\widgets\Chart
C:\Program Files\ArcGIS\Portal\framework\template\filetokens\apps\webappviewer\widgets\Chart
C:\Program Files\ArcGIS\Portal\apps\webappbuilder\stemapp\widgets\Chart


Appreciate any inputs. TIA!

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

A P,

  Sorry I do not use on premise Portal so I am not sure of the exact path.

MayurDodiya
Occasional Contributor

Hi,

I created app using WAB, download app and changed in the function Chart widgets Widget.js file.

0 Kudos