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; } } }

How to make a 'Button' go straight to a 'Window' without an intermediate pop-up box

SimonCrutchley

Hi there, I'm trying to replicate things in EB that I used to do in WAB and have been helped massively by a colleague who's helped me create 'Windows' as a means to run various widgets, which otherwise wouldn’t display properly. Anyway, the way I’m doing it is by using a ‘Button’ in the ‘Widget controller’ to open a new ‘Window’. My problem is that instead of opening a ‘Window’, when I click on the ‘Button’, it opens a pop-up where I then have to click to open the ‘Window’. I don’t understand why clicking on the ‘Button’ doesn’t just open the ‘Window’ and wonder whether there is a way to do this. I'm using AGOL.

Trouver plus de publications taguées avec

Content Management

Mapping

Accepted answers

All comments

RPGIS

Hi @SimonCrutchley,

Have you tried setting the button to navigate to a new page or view with preloaded content. Views are basically navigable windows within a frame and therefore will automatically load whatever information is in that view. View navigation.

The pages are another method but if it is something that is fairly small then a view would make the most sense. If you need more details on how to set that up I can go into further detail.

SimonCrutchley

Hi there,

Thanks for that, but I would like a bit more help. I've tried using views in the past, but I always get a 'Save error' so can't get them to work. I could give a bit more of an explanation as to what I'm trying to do, if that would help?

NicoleJohnson

@SimonCrutchley, I assume just putting the widget in the widget controller (no intermediate button widget linked to window) is something you've tried? If not, I'd start there. You can configure the widget controller a couple different ways, but essentially you get a window/pop-up with the tool.

If you have multiple components that make up a "tool" (say, a legend widget but you also have some text to go with the legend widget), you can put everything in a layout widget and then put that in the widget controller.

RPGIS

Yes. That would help a lot in terms of troubleshooting any issues and the end result you are trying to reach.

SimonCrutchley

Hi both,

Thanks for your input. I tried the basic widget in a widget controller, but had issues with data selection not working properly; that said I'm having issues with the windows version so I made need to come back with that too.

It may be simplest if I point you to the two current apps I'm running, which I built under WAB, and you can see what I'm trying to do. I can go into more detail once you've had a look.

https://historicengland.org.uk/research/results/aerial-archaeology-mapping-explorer/

https://historicengland.org.uk/images-books/archive/collections/aerial-photos/ more specifically the 'Full screen' version https://historicengland.maps.arcgis.com/apps/webappviewer/index.html?id=2626ed0c37484d96b8954dd33187084e&mobileBreakPoint=300

Thanks

RPGIS

Hi @SimonCrutchley,

Please let me know if the below description of the result you are trying to achieve is correct.

You want a button that, when clicked, will give some information regarding a report
You only want that button to be visible depending on where the end user navigates rather than having links in a specified popup.
The end user uses a map to navigate to the different historical locations and has the ability to click anywhere within a map.

I am not sure if I may have asked for all possible capabilities that you have or if there are additional capabilities. If the answer to the above questions is the direction you are trying to get to then the view/page option/cards might be your best bet. I forgot to mention that the cards can be used to link to different records within the data so long as you set them to connect to the data.

SimonCrutchley

Not quite; I want the button to take me directly to where I can run various different queries based on a mixture of attribute data and spatial queries i.e. basically the query widget. From that users get a selection of results as a filmstrip, which they can then scroll through to find the relevant feature/point for which they want the image or the report.

I also want to have access to the ‘layers’ widget for two different sets of data within the map.

Doing this through the widget controller alone was proving problematic.

Does that help?

RPGIS

That makes it a lot easier to understand and work with. So there are a couple of ways to go about this but it is a bit in depth:

Using Cards - This method is a bit more complicated but it is easier to manipulate.
1. Add the column from the layout section. This will automatically organize your data into equally distributed and scrollable format. You can modify the cards to include any kind of button within the card or if you simply want buttons within the cards that can be done as well.
2. *Note: You can duplicate each card by clicking on the duplicate in the upper left hand corner of the card.
3. Add the section widget to the layout and add whatever maps/widgets/etc. you need to that section.
  1. *Sections are where views are situated if you were not aware of that. Clicking on the + adds additional views or the duplicate button to duplicate the same section once you have it built out. In your situation you can add cards within each view and have a query widget within each card. Ideally you want to build the initial layout of any section/card/etc. before duplicating.
4. Once each view is created, adjust each view to whatever specifications. Adjust the different query widgets, map layers, etc.
5. Set each card to navigate to the different views using and selecting the desired view.
6. It should look and behave similar to the image below.
Using Lists - List are automatically updated with information from a map which is easier but also more confined.
1. Similar to the previous setup, rather than having a query of layers you can have a list showing information for the preset views.
2. Within each view, replace the query widget with the list widget and connect to the view data.
3. Update the text within each list item to connect to the view data do display different information.
4. Each list item is set to automatically sort and filter data in the map. The only downside is each list item is constrained to one dataset at a time unlike the query widget.
Using Buttons
1. Add the column layout followed by the button widget to the layout
2. Add the section next to the column pane in the window
3. Add the map next to the section pane in the window
4. Within each section add another column layout followed by the query widget, duplicating as needed.
5. Configure each query to specific layers.

These should get you some idea and perhaps close to your desired result but play around with it and see which one works best for both you and your end users. Ideally the easier to navigate the better.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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