Select to view content in your preferred language

Remove scroll bar option in WAB widget

2971
21
Jump to solution
07-20-2018 06:45 AM
joerodmey
MVP Alum

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

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Joe,

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

View solution in original post

21 Replies
KenBuja
MVP Esteemed Contributor

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

0 Kudos
joerodmey
MVP Alum

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

0 Kudos
MarkLache1
Occasional Contributor

Ideas?

Thanks

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

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?

0 Kudos
MarkLache1
Occasional Contributor

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

<div>
  <div class="about-envelope" data-dojo-attach-point="envelopeNode">
    <div class="about-container" data-dojo-attach-point="splashContainerNode">
      <div class="about-content" data-dojo-attach-point="customContentNode"></div>
    </div>
  </div>
</div>

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

OK,

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

0 Kudos
MarkLache1
Occasional Contributor

{
  "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;"

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Mark,

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

0 Kudos
MarkLache1
Occasional Contributor

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 

0 Kudos