topic Re: Remove scroll bar option in WAB widget in Web AppBuilder Custom Widgets Questions

Remove scroll bar option in WAB widget

joerodmey — Fri, 20 Jul 2018 13:45:56 GMT

How to remove the scroll bars in a widget in WAB?

Re: Remove scroll bar option in WAB widget

KenBuja — Fri, 20 Jul 2018 14:58:31 GMT

What have you added to the widget that is wider and longer than the pane?

Re: Remove scroll bar option in WAB widget

joerodmey — Mon, 23 Jul 2018 14:15:47 GMT

Nothing. I have played around with the code and probably altered the scrollbar option but cant seem to revert back to original.

Re: Remove scroll bar option in WAB widget

MarkLache1 — Wed, 15 Aug 2018 18:32:44 GMT

Ideas?

Thanks

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Wed, 15 Aug 2018 19:34:29 GMT

Mark,

As Ken was mentioning the only reason for there to be scrollbars there is the fact that there is something in the widget.html or the code that has been altered to make the DOM think it needs scrollbars. What does the Widget.html look like?

Re: Remove scroll bar option in WAB widget

MarkLache1 — Wed, 15 Aug 2018 20:55:53 GMT

Widget.html for the panel (which is actually the about widget) looks as follows:

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Wed, 15 Aug 2018 21:04:04 GMT

OK,

If it is actually the splash widget then what does the apps/[app#]/configs/Splash/config_widgets_Splash_Widget_##.json look like?

Re: Remove scroll bar option in WAB widget

MarkLache1 — Thu, 16 Aug 2018 16:45:02 GMT

{
"splash": {
"splashContent": "<div align=\"center\"><br /><div align=\"center\"><span style=\"color: rgb(0, 0, 1);\"><img id=\"img_1515077137350\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAo9SURBVHhe7Z15jF1lHYbPnXZaKNBF1oJFsLUoEkABWVREQqIGEkBjBIrIviWCRGJQ9kVASGQzQSAhCIISIJH4j0tRAoiKCmUpEAj7VgoFShmglqG8z+39yJeTc+feafs7d2b6PsmT6T1zzne29/y+7353ZloYE0Gj9XW1Mq1v3PhD1ps8e0KjsUFrkekNjeVFMTD3vYHH5i1dOtBaVgshwZrZ3z917vQZF0/u69tbJ9bXWmzqp/FhUTx+yqLXjr92yeL5rWW1EBWsaXdMn3G1grW/gjWutdj0gMGimK9gzVGwHmwtqgVXExOCg2VCcLBMCA6WCcHBMiE4WCYEB8uE4GCZECKDxeRryASsGRY9KR4hN35Wf/+6d226+bFT+vp2XN5aZnpCY.....

and it goes on for awhile with "amp;"

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Thu, 16 Aug 2018 16:47:19 GMT

Mark,

Try opening the splash widgets setting and deleting everything and saving app.

Re: Remove scroll bar option in WAB widget

MarkLache1 — Thu, 16 Aug 2018 16:52:58 GMT

Just to be clear, you are referring to the user text I have typed for the widget within WAB? And this is the About widget not the splash page

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Thu, 16 Aug 2018 17:02:17 GMT

OK the about widget then. Open it's setting dialog and delete everything in the textbox area.

Re: Remove scroll bar option in WAB widget

MarkLache1 — Thu, 16 Aug 2018 20:07:34 GMT

No change. Scrollbars still present

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Thu, 16 Aug 2018 20:21:20 GMT

Mark,

Can you use the advanced editor and attach your about widgets json file from the apps configs folder (you'll have to zip it first)?

Re: Remove scroll bar option in WAB widget

joerodmey — Mon, 27 Aug 2018 19:03:20 GMT

json file has been attached

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Mon, 27 Aug 2018 19:16:20 GMT

Joe,

So this is what the about widget looks like in one of my unmodified apps using your json you provided:

Re: Remove scroll bar option in WAB widget

joerodmey — Mon, 27 Aug 2018 19:30:57 GMT

I have reverted my code back to original as it was modified to hard code the size in. Something still seems off though. I've even replicated the issue in a brand new app in WAB

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Mon, 27 Aug 2018 19:33:34 GMT

Joe,

It sounds like you made a code change or css change in the stemApp directory which will affect EVERY new app you create.

Re: Remove scroll bar option in WAB widget

joerodmey — Mon, 27 Aug 2018 19:38:17 GMT

How can I fix that?

Re: Remove scroll bar option in WAB widget

RobertScheitlin__GISP — Mon, 27 Aug 2018 19:49:00 GMT

Download WAB again and replace the the contents of the stemApp folder with the stemApp folder from your fresh download.

Re: Remove scroll bar option in WAB widget

joerodmey — Mon, 27 Aug 2018 20:15:21 GMT

by stemApp folder do you mean: C:\x\x\x\arcgis-web-appbuilder-2.8\WebAppBuilderForArcGIS\client\stemapp\widgets\About