topic Re: Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail in ArcGIS Web AppBuilder Questions

Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail

AndrewHayden1 — Tue, 09 Jun 2015 15:33:00 GMT

I'm trying to style the bookmark widget to display a simple list of bookmark names with no thumbnail images. I've only really been successful in not displaying the thumbnail image (.jimu-img-node .node-box{ display: none;}) but otherwise have been stuck with variations of a row of 3 bookmark names with a large space between each row. I'm wondering if anyone has any styling examples or suggestions to get me on track?

Re: Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail

LarryStout — Tue, 09 Jun 2015 16:17:10 GMT

Andrew,

I've modified the Bookmark Widget to do just what you want, I think. I didn't edit the widget code, but used Dojo's aspect oriented programming (aspect.before, aspect.after, aspect.around) to modify its appearance.

These modifications are in my "headless" Acme Widget. Look on this page: Larrys Custom WAB Widgets and More. For now, you would need to download the entire app to see the Acme Widget code. Anvil is an example of a "headless" widget that only has a few lines of code in it. You would need to find the Bookmark Widget code in the app and put that code into Anvil.

Larry

Re: Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail

AndrewHayden1 — Thu, 11 Jun 2015 17:57:19 GMT

Thank you Larry,

I was thinking of a design more along the line of this sample but I'm interested in giving your method a try. I've copied over Anvil and see the default greeting as expected when I run my app.

I've looked over your Acme widget, it looks like I need to copy over _onWidgetLoaded, _modifyWidgets, _modifyWidget and _processBookmark functions as well as BookmarkPlus/images/. I'm having trouble stepping any further in to it than _onWidgetLoaded as array.indexOf(this.widgetNamesToProcess, widget.label) is always -1 in _onWidgetLoaded and therefore never moves on to _modifyWidget (though I do get each widget label as each widget is created). Might I be missing something obvious?

Re: Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail

LarryStout — Fri, 12 Jun 2015 03:25:47 GMT

Andrew,

I have created a new Anvil Bookmarks Widget. I copied just what I needed from the Acme Widget. It seemed easier than trying to answer your questions one by one, as good as they were.

Take a look and let me know if any of your questions linger.

Larry

Re: Bookmark Widget - Styling Suggestions For Simple List And No Thumbnail

AndrewHayden1 — Mon, 15 Jun 2015 14:51:59 GMT

Thank you Larry,

I see now the issue(s). I appreciate you taking the time to sort it out and get me on track.

Andy