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.

Vind meer berichten getagd met

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?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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