topic Re: How to change Layer List interface in ArcGIS Web AppBuilder Questions

How to change Layer List interface

LianaSmith — Wed, 23 Mar 2016 18:32:06 GMT

I changed the name of the widget from "Layer list" to "Select imagery to compare", but now the title is cropped "Select imagery to co..."

How do I make boundaries of the name field wider or change the font to a smaller one?

Thanks

Re: How to change Layer List interface

RobertScheitlin__GISP — Wed, 23 Mar 2016 20:54:06 GMT

Diana,

You can open the main config.json of your app and add a width property to that specific widget so that the label shows in full.

Re: How to change Layer List interface

LianaSmith — Thu, 24 Mar 2016 12:48:08 GMT

Could you please specify what exactly I need to add? I am not good in programming.. Thanks!

Re: How to change Layer List interface

RobertScheitlin__GISP — Sat, 11 Dec 2021 18:36:32 GMT

Diana,

Since you have the LayerList widget in the Foldable Theme and in the HeaderController Widgets widget pool,

open your apps config.json and make a change like this (line 9 add the comma and add line 10 with your desired width):

"widgetPool": {
    "panel": {
      "uri": "themes/FoldableTheme/panels/FoldablePanel/Panel",
      "position": {
        "top": 5,
        "right": 5,
        "bottom": 5,
        "zIndex": 5,
        "relativeTo": "map",
        "width": 480
      }
    },

Re: How to change Layer List interface

LianaSmith — Thu, 24 Mar 2016 13:15:10 GMT

Robert, Thank you! I did not know that I need to look got the widget pool. Do you know any online trainings where I can learn how to do widgets customization? Thank you again!

Re: How to change Layer List interface

RobertScheitlin__GISP — Thu, 24 Mar 2016 13:37:23 GMT

Diana,

No I am not aware of any online training for this. Don't forget to mark this thread as answered by clicking the "Correct Answer".

Re: How to change Layer List interface

RebeccaStrauch__GISP — Thu, 24 Mar 2016 16:33:37 GMT

These are probably still last year's videos, but free and might be worth a watch. Some Dev Summit 2016 might be released soon too.

Search | Esri Video

For other info on WAB developer edition, check out my blog Web AppBuilder Developer Edition - Customization Resource List if you haven't already. There are some additional training info there...long document so you may have to scroll down a bit.