topic Re: How can I edit a template which was downloaded from GitHub? in ArcGIS Instant Apps Questions

How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Fri, 04 Sep 2015 10:33:13 GMT

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.

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Mon, 07 Sep 2015 18:36:32 GMT

Barbara,

What template did you download from Github?

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 07:58:03 GMT

Hello Rickey,

I downloaded this one..

EsriCanada/WAB-FloatingTheme · GitHub

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 08 Sep 2015 13:06:01 GMT

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

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 13:17:59 GMT

I have the developer edition.

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 08 Sep 2015 13:21:36 GMT

Have you moved the downloaded theme into the theme folder in the web app builder files?

Have you set up the developer edition on a server?

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 13:39:57 GMT

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.

ArcGIS Web Application http://webgis-mfk.geol.uoa.gr/Life_Oiti/

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 08 Sep 2015 13:48:11 GMT

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)

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 14:00:32 GMT

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

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 08 Sep 2015 14:49:51 GMT

Barbara,

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

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 15:03:48 GMT

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.

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Sun, 12 Dec 2021 10:40:04 GMT

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.

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Sun, 12 Dec 2021 10:40:07 GMT

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);

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Tue, 08 Sep 2015 19:37:12 GMT

The file in which I have to make these changes is the one that rests inside the Floating theme folder etc., which I had copied from the downloaded file to the WAB folder. Correct?

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Wed, 09 Sep 2015 13:25:07 GMT

That is mostly correct,

It depends if you want every app you make with Floating theme to have the changes you want to make or if you want just one.

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Wed, 09 Sep 2015 13:36:12 GMT

Yes, I want all of them to have the same changed theme...

ok!

I will try to do what you have already suggested and I' ll let you know!

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Sun, 20 Sep 2015 16:31:00 GMT

Sorry for not replying for so long..

I made the changes you suggested about the title's width, but it only affects the new apps. The one that i have already made keeps the original width in Web AppBuilder. I really don't know what is happening....

Re: How can I edit a template which was downloaded from GitHub?

BarbaraAntoniou — Sun, 20 Sep 2015 16:42:51 GMT

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?

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 22 Sep 2015 13:18:55 GMT

The reason that the ones you have already made is because the code is in a separate file. The way you can change that is by editing your widgets file.

Look Here to change your app:

arcgis-web-appbuilder-1.2\server\apps\(your app number)

Re: How can I edit a template which was downloaded from GitHub?

RickeyFight — Tue, 22 Sep 2015 13:38:58 GMT

look here:

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