topic Re: Info Summary Widget does not pan move in Launch Pad Theme in Web AppBuilder Custom Widgets Questions

Info Summary Widget does not pan move in Launch Pad Theme

James_001 — Wed, 22 Nov 2017 19:18:30 GMT

In launchpad theme WAD 2.6 I am using Info summary widget which covers my other widgets. In launchpad theme mostly In-panel widgets and off panel widgets are pan move able to any place on the screen when widget is open.

While Info Summary Widget does not move to any where on the screen like other widgets, also it covers other widgets on the app too. How can we fix this? Any help is really appreciated?

Re: Info Summary Widget does not pan move in Launch Pad Theme

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:27:42 GMT

Irfan,

The Info Summary widget is an off panel widget thus it is not movable. If you want to change this you go into the widgets manifest.json and change the properties > inPanel property to true:

{
  "name": "InfoSummary",
  "2D": true,
  "3D": false,
  "platform": "HTML",
  "version": "2.6",
  "wabVersion": "2.6",
  "author": "Esri Inc",
  "description": "Displays a list of features based on map extent.",
  "copyright": "Copyright 2015 Esri Inc.",
  "license": "http://links.esri.com/solutions/license",
  "properties": {
    "inPanel":true,
    "hasLocale": true,
    "hasConfig":true,
    "hasUIFile":true,
    "hasSettingPage":true,
    "hasSettingUIFile":true,
    "hasSettingLocale":true,
    "IsController":false,
    "keepConfigAfterMapSwitched": false,
    "hasVersionManager": true
  }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Info Summary Widget does not pan move in Launch Pad Theme

James_001 — Tue, 28 Nov 2017 19:52:53 GMT

Thanks Robert! It is working fine, now I can move it to any where on the screen. Also I tried this in webappbuilder/apps/#/widgets/InfoSummary/css/style.css/ .jimu-widget-InfoSummary .panelContent where I have changed the top: 40px instead of 0px if I dont want to move.

.jimu-widget-InfoSummary .panelContent {
position: absolute;
right: 0px;
top: 40px;
width: 360px;
height: auto;
margin-top: 0px;
z-index: 300;
}

Thanks again!