一、改变样式

要实现的效果是添加cyan样式

1、将FoldableTheme/style下的cyan copy到TabTheme下的同一目录下;

2、打开TabTheme下的manifest,copy FoldableTheme同意路径下的cyan配置

如下图

3、运行即可看到如上效果;

二、添加widget

一、通过app过程添加

1、同样在…/arcgis-web-appbuilder-1.0\client下的stemapp上按住shift+右键,选择在此处打开命令窗口

2、输入yo esri-appbuilder-js:widget

3、然后输入要定义的widget的名字,一路enter即可,

总的效果如下:

二、Widget自定义复制

1、将模板widget复制一份为widget1

,

2、然后将widget1中所有的widget文字都改为widget1,

3、之后打开appConfig所对应的config,也就是根目录的config

4、在widgetPool下的widgets中如下

5、复制
 
{<BR>
&nbsp; <B>"name"</B>: <B>"Widget"</B>,<BR>
&nbsp; <B>"label"</B>: <B>"</B><B>定点</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>定点</B><B>.json"</B>,<BR>
&nbsp; <B>"index"</B>: 5,<BR>
&nbsp; <B>"id"</B>: <B>"widgets/Widget/Widget_29"<BR>
</B>}

6、然后将widget改为widget1,最重要的是改变”config“和”index”

,

{<BR><B>"name"</B>: <B>"Widget1"</B>,<BR><B>"label"</B>:
<B>"</B><B>自定义</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、效果如下:

web appbuilder 改变样式和添加自定义widget的更多相关文章

  1. Web AppBuilder Widget使用共享类库的方式

    Web AppBuilder是Esri公司推出的快速WebGIS应用搭建工具,具有以下特性: 不需要编程,快速创建应用 WYSIWYG 交互式应用 支持2D和3D应用 基于ArcGIS API for ...

  2. 自己定义RatingBar,能依据设置改变样式

    项目在我的GITHUB上  mirsfang的GitHub 一个简单的自己定义View  ,为了一个 比較奇葩的需求而搞出来的.他的功能就是能让你自己设置图片和图片的大小以及星星的数量,是一个组合型的 ...

  3. 标签(改变样式style)

    id可以换为class,class对应的名字可以多个一样 <div class="box">box1</div> <div class="b ...

  4. PyQt PySide QListWidget 添加自定义 widget

    PyQt PySide QListWidget 添加自定义 widget 原文链接:https://stackoverflow.com/questions/25187444/pyqt-qlistwid ...

  5. ng-repeat动态改变样式

    当我们使用AngularJs的ng-repeat时候动态绑定数据时,遇到遍历出来的标签样式都一样,这时候希望根据数组的下标分别对应不同的样式 解决:使用$index获取数组下标根据下标改变样式 < ...

  6. 【ArcGIS】Web AppBuilder For ArcGIS 配置使用

    一.Portal注册 2.Web AppBuilder配置 输入https://XXXX.YYYY.com.cn:3344/webappbuilder/打开配置界面 填写Portal的Url和AppI ...

  7. 设置Web AppBuilder的HTTP代理

    在使用Web AppBuilder快速搭建webgis应用时,我们往往需要访问外部互联网的在线gis服务资源.假如要通过代理服务器才能访问互联网的在线gis服务资源,那么则需要预先配置web appb ...

  8. 微信小程序,动态改变样式

    小程序目前没有修改样式api,但是可以利用数据绑定实现动态改变样式,可以用view标签模拟page然后改变view标签的样式,以下案例演示了如果改变page背景颜色: <view class=& ...

  9. 5.JavaScript改变样式,验证用户输入

    ① x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式 ② if ...

随机推荐

  1. [转载]Sublime Text 3 搭建 React.js 开发环境

    [转载]Sublime Text 3 搭建 React.js 开发环境 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 1. babe ...

  2. 【转】EXT VTYPE自定义举例

    原文地址:http://www.blogjava.net/xiaohuzi2008/archive/2012/12/08/392676.html 近日来对Ext特别感兴趣,也许是它那种OO的设计思想吸 ...

  3. 【BZOJ】【1878】【SDOI2009】HH的项链

    树状数组/前缀和 Orz lct1999 好神的做法... 先看下暴力的做法:对于区间[l,r],我们依次扫过去,如果这个数是第一次出现,那么我们种类数+1. 我们发现:区间中相同的几个数,只有最左边 ...

  4. 【BZOJ】【1017】【JSOI2008】魔兽地图Dotr

    树形DP 一开始想:f[i][j]表示以 i 为根的子树,花 j 块钱能得到的最高力量值,结果发现转移的时候没法保证叶子结点的数量限制TAT 只好去膜拜题解了……在这里贴两篇泛型背包的文章吧:< ...

  5. CSS中的视觉格式化模型

    视觉格式化模型 1. 简介 在视觉格式化模型中,文档树中的每个元素都将会根据盒模型产生零到多个盒子.这些盒子的布局由如下因素决定: 盒子的尺寸和类型 定位策略(正常文档流,浮动或者绝对定位) 和文档树 ...

  6. AngularJs学习笔记--Guide教程系列文章索引

    在很久很久以前,一位前辈向我推荐AngularJs.但当时我没有好好学习,仅仅是讲文档浏览了一次.后来觉醒了……于是下定决心好好理解这系列的文档,并意译出来(英文水平不足……不能说是翻译,有些实在是看 ...

  7. java.sql.SQLException: Connection is read-only. Queries leading to data modification are not allowed

    org.springframework.dao.TransientDataAccessResourceException: ### Error updating database. Cause: ja ...

  8. PHP JAVA Bridge桥的最新使用

    PHP JAVA Bridge桥的最新使用 在PHP和Java之间搭建一座桥梁,利用这座桥梁在这两个实体之间建立起一个沟通渠道,在这座桥梁的帮助下,你可以在Java中开发类,然后在PHP中调用它们的方 ...

  9. appium获取android app的包名和主Activity

    方法一在appium的android setting中选择下载到电脑上的app包,获取Activity. 方法二在android-sdk中安装build-tools包,进入这个目录.aapt dump ...

  10. POJ 3233 Matrix Power Series (矩阵快速幂+二分求解)

    题意:求S=(A+A^2+A^3+...+A^k)%m的和 方法一:二分求解S=A+A^2+...+A^k若k为奇数:S=(A+A^2+...+A^(k/2))+A^(k/2)*(A+A^2+...+ ...