nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Bookmark Widget Customization

EricPollard2

I am trying to make a few changes to the bookmark widget after I've downloaded from the web app builder.

I am trying to take away the add/delete functionality so it is just a static list of bookmarks, but after trying to remove the /div sections the "zoom to" functionality upon clicking no longer works? Is there a better way to do this?

Also, any idea on how to make a specific popup open on the bookmark click? In other words, the bookmark will zoom to center on a specific point as normal, but I also need the popup for that point to automatically open after that bookmark is clicked?

I am new to app development so I am trying to struggle through learning via this project. Thank you for any help !!

Eric

Find more posts tagged with

Accepted answers

LucasDorrough

You have to modify the JavaScript too, When you remove the buttons a connection to JavaScript variables is broken, So then the program is trying to access an undefined variable. Removing all "this._switchDeleteBtn();" and "this._switchAddBtn();" will fix your problem. Chromes JavaScript Console can help a lot with debuging these problems, If you have anymore questions I have the modified bookmark code.

All comments

EricPollard2

Thanks I will be trying to figure out how to add this into the bookmark widget!!

Also, I copied your code but I seem to still have the issue where the very first time you click the bookmarks after you open the app it loads a blank panel, but then every time you click on the bookmark widget after the first time the bookmarks load properly. Any idea why that would be the case?

Thanks again for the help!

Eric

LucasDorrough

Propobly want to use the Popup widget built into esri javascript API Popup widget | ArcGIS API for JavaScript‌

_onBookmarkClick: is the function that you can put this in

Use show(location, options?) to make the popup appear

EricPollard2

Thanks Lucas ! I am attempting to modify the widget.html and widget.js to accomplish this. I think I was able to figure it out with your instructions! Really appreciate it. Only odd behavior is that the very first time you click one of the bookmark widgets its completely blank, but every time after that the panel populates with bookmarks? www.mysitemarker.com/SiteMarker/shopsatyale.com

Also, any ideas on how to include an onclick function that opens a specific popup using this bookmark panel as described above?? Last piece to get my app looking like it should! Thanks again -Eric

LucasDorrough

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.