POST
|
Humza Akhtar The footer widget is already small on the tab theme. In order to change the height of the widget you need to do it in the main config for the app or in the tab theme in the stemapp so it will load when you create a new application. Here I will show you how to change the size of the footer to 0 on your map but you can adjust the numbers however you like. config.json Change the height value to "0" "uri": "themes/TabTheme/widgets/Footer/Widget",
"positionRelativeTo": "browser",
"position": {
"left": 0,
"right": 0,
"bottom": 0,
"height": 0
}, You can also turn off the visibility of the footer widget in the builder Change the bottom value to "0" "uri": "themes/TabTheme/widgets/SidebarController/Widget",
"positionRelativeTo": "browser",
"position": {
"left": 0,
"top": 44,
"bottom": 0 Change the bottom value to "0" "uri": "widgets/AttributeTable/Widget",
"positionRelativeTo": "browser",
"position": {
"bottom": 0 -Stan
... View more
06-16-2015
07:54 AM
|
1
|
0
|
509
|
DOC
|
Damien, I totally get it. When working with the code I try to mark up and remember what I changed, but it seams like every once in a while I just need a fresh download. Thanks for the shout out. I figured it would be best to host it here. I have removed the github repository and changed the post above. Your widget is looking good. -Stan
... View more
06-16-2015
07:02 AM
|
0
|
0
|
7367
|
DOC
|
Damien, Just a couple of quick thoughts on this. Even though you removed the lines in the master config file it probably still shows up in the app config. Have you tried looking there or just created a new app? Does it show up for you even though you removed it? I add a file on github here AddService - Github to create zip file that you can add to the stemapp folder. (I will remove this if you want so that you can maintain the updates on this widget. I just needed a place to add the code.) By creating a settings folder and having it work allows you to just drag and drop the unzipped file to the stemapp\widgets folder and have it read it automatically just like all the other custom widgets. You may need to start and stop your node.js startup batch file for it to read the changes. -Stan
... View more
06-15-2015
10:14 AM
|
0
|
0
|
7367
|
DOC
|
Damien Robinson I made some changes to your files and I was able to add the widget in the stemapp and not have to touch the config files to add it to the map. Manifest.json - Change the name property from "Add Map Service" to "AddService" unless you want to change the folder name to "Add Map Service". They just need to match. Here are a few changes you can make to the settings folder. Setting.html - <div> <label>${nls.configText}</label> </div> nls/strings.js - configText: "You can now add services" css/styles.css - .jimu-widget-addservice-setting { font-size: 20px; position: relative; text-align: center; top: 50%; } Setting.js - define([ 'dojo/_base/declare', 'dojo/_base/config', //Added this 'jimu/BaseWidgetSetting' ], function(declare, dojoConfig, BaseWidgetSetting) { //Added the dojoConfig return declare([BaseWidgetSetting], { baseClass: 'jimu-widget-addservice-setting', //changed this postCreate: function(){ //the config object is passed in this.setConfig(this.config); //changed this }, setConfig: function(config){ this.config = config; //changed this }, getConfig: function(){ //WAB will get config object through this method return this.config; //changed this } }); }); Hope this helps. -Stan
... View more
06-15-2015
07:46 AM
|
0
|
0
|
7367
|
DOC
|
Andrew, For an existing app: All you have to do is go to the main config.json file and find the small section that calls this measure widget and then change the name property to "Advanced Measure". Inside the builder: When you add the widget to the map there is a text box at the top where you can manually rename the widget through the GUI. -Stan
... View more
06-15-2015
06:33 AM
|
0
|
0
|
4217
|
POST
|
yeah, now I know what site to hack to get my WAB insider information haha jk
... View more
06-11-2015
08:08 PM
|
0
|
0
|
959
|
POST
|
Xiaodong Wang That link you posted does not work. -Stan
... View more
06-11-2015
07:58 PM
|
0
|
3
|
959
|
POST
|
Chad, Also depending on what you are looking for you may find this thread helpful as well. Widget in Panel Height -Stan
... View more
06-11-2015
04:49 PM
|
0
|
0
|
640
|
POST
|
Thank you Yusuf Ali. This got me on the right track for my project. -Stan
... View more
06-11-2015
11:03 AM
|
2
|
0
|
1792
|
POST
|
I have found a way to add custom icons to the draw tool. This is for when you draw point features. It was actually easier then I thought after a lot of digging. [app number]\jimu.js\dijit\SymbolsInfo - add a new file like 11.json with the following: (you will not be disappointed) [
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Autobot",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://img3.wikia.nocookie.net/__cb20140626131150/transformers-legends/images/6/6b/Autobot_symbol.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Iron Man",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://www.veryicon.com/icon/png/Movie%20%26%20TV/Ironman/Ironman%20M%20III.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Batman",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://fc07.deviantart.net/fs14/f/2007/089/8/a/Batman_Icon_by_barkerbaggies.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Hulk",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://icons.iconarchive.com/icons/mattahan/ultrabuuf/512/Comics-Hulk-Fist-icon.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Superman",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://dwightmusic.com/MarchingTrojans/2011_images/Superman_Logo2.gif"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Captain America",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://fc07.deviantart.net/fs70/f/2010/150/3/a/Captain_America_icon_by_MediaTiger.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Thor",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://www.sireasgallery.com/iconset/avengers/Thor_256x256_32.png"
},
{
"height":24,
"width":24,
"xoffset":0,
"yoffset":0,
"name":"Spiderman",
"contentType":"image/png",
"type":"esriPMS",
"angle":0,
"url":"http://3.bp.blogspot.com/-pBqLK0sRB7Y/T8rbkT3vHrI/AAAAAAAACPg/hC8qhJ8N8cI/s1600/THE+AMAZING+SPIDER-MAN.png"
}
] In [app number]\jimu.js\dijit\templates\SymbolChooser.html - add the following: <select data-dojo-attach-point="pointSymClassSelect" data-dojo-type="dijit/form/Select"
style="width:100%;height:30px;">
<option value='0'>${nls.basic}</option>//Removed this to be selected first
<option value='1'>A-Z</option>
<option value='2'>${nls.arrows}</option>
<option value='3'>${nls.business}</option>
<option value='4'>${nls.cartographic}</option>
<option value='5'>${nls.nationalParkService}</option>
<option value='6'>${nls.outdoorRecreation}</option>
<option value='7'>${nls.peoplePlaces}</option>
<option value='8'>${nls.safetyHealth}</option>
<option value='9'>${nls.shapes}</option>
<option value='10'>${nls.transportation}</option>
<option value='11' selected="selected">Heros</option>//ADDED THIS
</select> The value='11' refers to the json file you created above. You could go further with this and add other language support by adding the text value to the nls files, but for ease and simplicity I went with straight text. I am sure you could also add this to the stem app so you can have it for all your applications. You can also limit the icon choices here by removing options in the SymbolChooser.html file. Because this is happening in the jimu folder. it will update for any draw tool you are using in your app. Like the eDraw, AdvDraw or the default Draw tool. Hope this helps some people to get more out of the draw tool. -Stan
... View more
06-11-2015
11:01 AM
|
0
|
3
|
6120
|
POST
|
wee yeo I am not seeing that in the sample. Can you provide a little more explanation? Thanks. -Stan
... View more
06-10-2015
02:37 PM
|
0
|
0
|
1792
|
POST
|
For the esri sample Generate Marker Symbols | ArcGIS API for JavaScript is there a way to add custom icons to the options? -Stan
... View more
06-10-2015
10:04 AM
|
0
|
4
|
5546
|
POST
|
Jeremie, I should have included a picture the first time. I meant something like this. -Stan
... View more
06-10-2015
07:10 AM
|
1
|
2
|
1347
|
POST
|
Jeremie, 1. Is there a way to add an arrow to the draw shapes option? 2. Is there a way to rotate the point symbol? For example you can choose an icon as the point symbol (arrow) but I would like to rotate it. Thanks -Stan
... View more
06-09-2015
04:54 PM
|
0
|
4
|
1347
|
Title | Kudos | Posted |
---|---|---|
1 | 06-29-2015 06:36 AM | |
1 | 06-30-2015 09:27 AM | |
1 | 04-20-2015 10:23 AM | |
1 | 06-23-2015 11:01 AM | |
1 | 05-19-2015 02:26 PM |
Online Status |
Offline
|
Date Last Visited |
09-11-2024
12:03 AM
|