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.

Find more posts tagged with

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

RickeyFight

I am glad I could help

BarbaraAntoniou

Thanks a lot!!!!!!!

RickeyFight

look here:

Create a theme—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

BarbaraAntoniou

As far as the widget position... it is not working... I think that it wants something more... we only give the exact position in your suggestion.. maybe it needs also the look, etc. of the widget in order to appear as part of the floating theme.. No?

RickeyFight

To answer your second question,

Add to line 65:

FloatingTheme/laouts/horizontal/config.json

, {
  "position": {
  "left": 260,
  "bottom": 10
  }
  }

I have not tried this since I don't have 1.2 installed yet.

BarbaraAntoniou

As I have already mention in my post, I have used this specific 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 a logo and (b) to add more widget positions.

More specific I want the frame's width to be as long as the map. Also I want to change the logo's properties (opasity, width).

Finally, with this theme I got 5 "empty" positions of widgets. I want to know how to make more of them.

RickeyFight

Barbara,

Ask a specific question and we will try to help you.

BarbaraAntoniou

I Know all that.. My problem is that I don't know how to make the changes I want to the theme

RickeyFight

What I do when I want to make changes to an app that I have already downloaded and published is, go back into developer and make changes. I then re-download and publish to my server replacing all files of the working app with the new ones.

If it is a small change I sometimes make the changes to the app in developer then re-download and copy over the changes into specific files in the published app. (this is very dangerous if you don't know what you are doing)

BarbaraAntoniou

Yes and yes and I have already made my first app. And now I want to make changes... to many things concerning the data and symbology and also to the theme and add some more widgets.