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 can I edit a template which was downloaded from GitHub?

BarbaraAntoniou

I have used an ESRI template which was downloaded from GitHub and I want (a) to change the dimensions or position of the frame which includes the title and (d) to add more widgets.

Finde mehr Beiträge mit dem Tag

Accepted answers

RickeyFight

To answer part of your second question change

floatingtheme/widgets/FloatingHeader/css/style.css

Change the % to any you want. Also the max-width calc the theme is set up to -60px from 100% but if you want it to cover the whole page delete the line.

Change line 18& 19

jimu-widget-floatingheader {
  width: 100% !important;
max-width: calc(100% - 60px);

All comments

BarbaraAntoniou

I have the developer edition.

RickeyFight

Do you have the developer edition downloaded or did you create your app on AGO?

BarbaraAntoniou

Hello Rickey,

I downloaded this one..

EsriCanada/WAB-FloatingTheme · GitHub

RickeyFight

Barbara,

What template did you download from Github?

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.