nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to change Layer List interface

LianaSmith

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

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

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
      }
    },

All comments

LianaSmith

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!

RobertScheitlin__GISP

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
      }
    },

LianaSmith

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

RobertScheitlin__GISP

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.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.