I am trying to replicate this Elevation widget (http://www.arcgis.com/apps/Elevations/index.html) using Beta 3 of the Web AppBuilder for ArcGIS but cannot seem to figure out how to create the panel that will be used to display the graph and then tell my widget to use that panel. Any guidance would be appreciated.
There are a couple of way you could go. You could just put the profile in your widgets panel or you can use the Popup dijit in the WAB framework (client\stemapp\jimu.js\dijit\Popup.js).
Thanks for the quick reply Robert! I'm not clear as to what you mean by "put the profile in your widgets panel".
Here is what I have done so far...
I have made a copy of the stemapp/themes/FoldableTheme and renamed it MikeTheme (just for testing/'proof of concept'). Then, within MikeTheme, I have made a copy of the SimpleBorderPanel and renamed it Elevation panel and added this to the "panels" section in manifest.json. Then, within the ElevationPanel folder, I modified the "baseClass" property of Panel.js to read "jimu-widget-panel jimu-elevation-panel".
Then I made a copy of the Demo widget, renamed it Elevation and placed it in the root of the Widgets folder. Then, within the elevation folder, I modified the "baseClass" property of Widget.js to read "jimu-widget-elevation" and modified the "name" property of manifest.json to read "Elevation".
I'm not entirely certian that these were the correct steps to take and, if they are, how do I get the content of my widget to display in that panel and how do I get that panel to display below the map as in the like in my post? If I'm going down the wrong path, then what are the steps to make this work?
There just doesn't seem to be any clear documentation on how to do these "simple' layout tasks.
So far all my development efforts have been solely focused on widget development. I have not looked into theme development or layout. Sorry I can't help here.