|
DOC
|
Hi Pavan, Please see my response to your question in Web AppBuilder: Add Tab Container to Splash Widget. William
... View more
12-27-2016
11:19 AM
|
0
|
0
|
3843
|
|
POST
|
Hi Pavan, I've attached a zip file that has a modified Welcome widget. This Welcome widget has 6 SubWidgets where you can develop your own widgets. The first tab contains SubWidget1, the second tab contains SubWidget2, and so on, with the fifth tab containing SubWidget5 and SubWidget6. Each SubWidget has its own JavaScript, HTML and CSS files. The JavaScript files are in the main folder. The HTML files are in the templates folder. The CSS files are in the resources folder. I developed this widget and its subwidgets using steps outlined in the 2016 ESRI Developer Summit's video Web AppBuilder for ArcGIS: Development Tools and Techniques. There is also documentation on GitHub. I'm not sure how to open established WAB widgets (like Draw, Measurement, Print, etc.) inside another widget. You might want to ask this question in a new thread. I hope this helps. William
... View more
12-27-2016
11:18 AM
|
0
|
4
|
1390
|
|
DOC
|
Hi Ricky, The first image is what the widget looks like before any content is added. The second image shows the widget with the third tab displayed (which has a scroll bar because the content was longer than all the other tab containers and I decided not to change the widget size*) and a different icon. When the widget is open, the rest of the screen is locked. Clicking the X "closes" the widget, but it can be "reopened" by clicking it's corresponding icon on the header controller bar. *The size of the widget can be changed in eFoldableTheme\panels\ModalPanel\Panel.js. William
... View more
12-09-2016
05:57 AM
|
0
|
0
|
3843
|
|
DOC
|
Hi Rick, Unfortunately, I don't have access to a web server and the web app I'm working on hasn't been implemented yet. (We're still using Flex.) I can upload some screen shots. Let me know if this would be helpful. William
... View more
12-08-2016
12:36 PM
|
0
|
0
|
3843
|
|
POST
|
https://community.esri.com/docs/DOC-9122-tab-widget-to-follow-splash-screen-web-appbuilder-21
... View more
12-08-2016
08:44 AM
|
1
|
6
|
1859
|
|
DOC
|
After initially trying to add a tab container to the Splash widget, I started working on a widget that would open after the user agrees to the terms and conditions on the Splash screen, but would also be accessible from the header controller later on in the program or if the Splash screen is bypassed altogether. The end result was a modified theme and a "Welcome" widget. Much thanks goes to Robert Scheitlin, GISP for his generous help and ample patience. Creating a document where this widget/theme hybrid would be more visible was suggested by Rebecca Strauch, GISP. Thank you. The attached zip folders contain the following items for the WAB version indicated: eFoldableTheme, Welcome and Widget.js Here is what to do once the zip file is downloaded and its files extracted: (Note: ... represents the location of WebAppBuilderForArcGIS on your PC) Add the eFoldableTheme folder to ...\client\stemapp\themes Add the Welcome folder to ...\client\stemapp\widgets In the Welcome folder, go to the nls\strings.js file and add your own tab labels and contents. See notes in the code for further instructions. Once you have added your content, start Web AppBuilder and create a new app Select the eFoldableTheme, show the Splash screen and save the app Go to ...\server\apps\#ofTheAppYourJustCreated\widgets\Splash. Replace the existing Widget.js with the Widget.js from the zip file. To change the icon of the Welcome widget, go to Welcome\images and replace the icon.png with a different .png image and name it icon With this solution, put any disclaimer in the Splash widget. Once the user clicks "OK", the Welcome widget opens. After "closing" the Welcome widget, it is still available in the header and can be opened later in the life of the web page. Note: The following files in the eFoldableTheme were modified from FoldableTheme: FoldableTheme\images\icon.png FoldableTheme\layouts\default\config.json FoldableTheme\layouts\layout2\config.json FoldableTheme\layouts\layout4\config.json FoldableTheme\nls\string.js FoldableTheme\common.css FoldableTheme\manifest.json ModalPanel and all its contents were added to eFoldableTheme\panels. (The files with the -Orig suffix are the result of completing the Create a New Panel sample code tutorial and are not needed.) The Welcome widget should work with any theme. However, it will only appear in the Modal Panel if you use the eFoldableTheme or make similar modifications to another theme for its inclusion. Here is a link that should help: Create a New Theme The internationalization for the eFoldableTheme is only leftover from the FoldableTheme on which it is based. To use a language other than English, line 3 of eFoldableTheme\nls\LanguageFolder\string.js should be changed to add an 'e' or its equivalent to "Foldable Theme" so that the line translates back to English as _themeLabel: "eFoldable Theme" I don't know if this is necessary, but here is a disclaimer for the files I created or modified. These files are provided "as is." (What you see is what you get.) I make no guarantees about their functionality or reliability. I will not be held liable for any loss incurred or damage caused by the use or inclusion of these files. I hope people find this helpful. William
... View more
12-08-2016
08:43 AM
|
2
|
8
|
7080
|
|
POST
|
Hi Natasha, In the Welcome's Widget.js file, in each of the tab panel sections, you can delete the line selected: true (along with the comma on the preceding line) for all the tab panels but the one you want to be the active tab. In the example below, the second tab should display upon opening. // Tab Panel 1
var cp1 = new ContentPane({
title: this.nls.tab1Title,
content: this.nls.tab1Text//, - DELETE OR COMMENT OUT THE COMMA
//selected: true - DELETE OR COMMENT OUT THIS LINE
});
tc.addChild(cp1);
// Tab Panel 2
var cp2 = new ContentPane({
title: this.nls.tab2Title,
content: this.nls.tab2Text,
selected: true
});
tc.addChild(cp2);
// Tab Panel 3
var cp3 = new ContentPane({
title: this.nls.tab3Title,
content: this.nls.tab3Text//, - DELETE OR COMMENT OUT THE COMMA
//selected: true - DELETE OR COMMENT OUT THIS LINE
});
tc.addChild(cp3); William
... View more
12-07-2016
06:14 AM
|
1
|
0
|
1859
|
|
POST
|
Hi Robert, When I try graphics (below), I get "Uncaught TypeError: Cannot read property 'graphics' of undefined." var myLayer = this.map.getLayer("Search Results: Mailing Labels");
array.forEach(myLayer.graphics, function(layerItem){
// forEach code here
}); William
... View more
11-29-2016
01:11 PM
|
0
|
1
|
489
|
|
POST
|
Hi Robert, This is what I've been able to cobble together, but it doesn't like GraphicsLayer. I think I want the GraphicsLayer, but I looked at the API for it and don't know what to use. var myLayer = this.map.getLayer("Search Results: Mailing Labels");
array.forEach(myLayer.GraphicsLayer, function(layerItem){
// forEach code here
}); Any suggestions are greatly appreciated. Thank you. William
... View more
11-29-2016
12:09 PM
|
0
|
3
|
489
|
|
POST
|
Hi Robert, What would the "some layer id" be for the search layer? William
... View more
11-28-2016
01:06 PM
|
0
|
5
|
1564
|
|
POST
|
Hi Robert, How do I get a reference to the search layer? William
... View more
11-28-2016
11:17 AM
|
0
|
7
|
1564
|
|
POST
|
Hi Robert, Sorry for being so vague. Say I use the By Shape tab of your Enhanced Search widget and create a circle that encompasses multiple properties. In the Results tab, I click the ellipses button and View in Attribute Table. How would I access the data that is now displayed in the table? William
... View more
11-28-2016
11:06 AM
|
0
|
9
|
1564
|
|
POST
|
Hi Robert, I'm not sure how to create the arrays with the data I want to include. William
... View more
11-28-2016
09:39 AM
|
0
|
11
|
1564
|
|
POST
|
Hi Babatope, The widget should work in any theme. However, to have the widget open in a modal panel, the eFoldable theme needs to be used. You should be able to modify other themes and get the same result. Here is a link on how to create/modify a theme. See the note at the end of my post above for a list of files I modified in the Foldable theme in order to open the widget in a modal panel. William
... View more
11-28-2016
08:39 AM
|
1
|
9
|
1859
|
|
POST
|
Hi Natasha, To open the Welcome widget in a modal panel, I added it to a group that uses the modal panel. Since the widget is in a group, I don't think it can be set to open on start. Sorry. William
... View more
11-28-2016
08:34 AM
|
1
|
2
|
1859
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 12-28-2016 08:09 AM | |
| 1 | 11-28-2016 08:34 AM | |
| 1 | 11-28-2016 08:39 AM | |
| 1 | 12-07-2016 06:14 AM | |
| 1 | 12-08-2016 08:44 AM |
| Online Status |
Offline
|
| Date Last Visited |
11-11-2020
02:24 AM
|