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

Encontre mais publicações marcadas com

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.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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