Web Appbuilder changing styles and adding custom widgets

First, change the style

The effect to be achieved is to add the cyan style

1, the Foldabletheme/style under the cyan copy to tabtheme under the same directory;

2, open tabtheme under the Manifest,copy foldabletheme consent path under the cyan configuration

Such as

3, the operation can see as above effect;

Second, add the widget one, through the app process to add

1. Press and hold the shift+ right button on the Stemapp under/arcgis-web-appbuilder-1.0\client, and choose to open the Command window here.

2. Enter Yo Esri-appbuilder-js:widget

3, then enter the name of the widget to be defined, all the way to enter,

The overall effect is as follows:

Second, widget custom copy

1. Copy the template widget to Widget1

,

2. Then change all the widget text in Widget1 to Widget1,

3, then open the corresponding config appconfig, that is, the config of the root directory

4, in the Widgetpool under the widgets below

5. Copy

{<br>&nbsp; <B> "Name" </B>: <B> "Widgets" </B>,<BR>&nbsp; <B> "label "</B>: <B> </B><B> fixed point </B><B>" </B>,<BR>&nbsp; <B> "Version" </B>: <B> "0.0.1" </B>,<BR>&nbsp; <B> "Iscontroller" </B>: <B>false</B>,<BR>&nbsp; <B> "uri" </B>: <B> "Widgets/widget/widget" </B>,<BR>&nbsp; <B> "config" </B>: <B> "configs/widget/config_</b><b> fixed </b><b>.json" < /b>,<br>&nbsp; <B> "Index" </B>: 5,<br>&nbsp; <B> "id" </B>: <B> "widgets/widget/widget_29" <BR></B>}

6, then change the widget to Widget1, the most important thing is changing "config" and "index"

,

{<br><b> "Name" </B>: <B> "Widget1" </B>,<BR><B> "label" </B>: <b > "</B><B> custom </B><B>" </B>,<BR><B> "version" </B>: <B> " 0.0.1 "</B>,<BR><B>" Iscontroller "</B>: <B>false</B>,<BR><B>" uri " </b>: <B> "widgets/widget1/widget" </B>,<BR><B> "config" </B>: <B> "Widgets /widget1/config.json "</B>,<BR><B>" index "</B>: 6,<br><b>" id "</B>: <b > "widgets/widget1/widget_29" <BR></B>}

7, the effect is as follows:

Web Appbuilder changing styles and adding custom widgets