How to manage multiple nested Section widget ?

Question

Hi, here is my subject :

I have a Section with 2 views : one with a map + a little list and the second one with a list

Both list are in a section widget because i need to change the theme of the list depending of 4 buttons.

I use a button to change the view between map/list and i have 4 other button (outside of this section) who managed the view of the list with the map.

But the problem that I have is the functionment of multiple sections nested. Because of my List widget with the 4 different views is on other section (switch map/list) I can't set my button to change ONLY the views on the list widget, i'm forced to selection the view who access to the List view.

So if I do that, I can't manage the list on the side of my map who have too 4 differents views because if i want to manage this list, I have to select the view who access to the map view.

And it's annoying that the button who's changing the thematic also change the principal view, i do not want that.

There is any way to set a button to change both list views independently of the first section widget ?

To make it easier to understand actually there is this scheme : My screen > Map+List or List view

if Map+List view > Thematic 1a, 2a, 3a or 4a

if List view > Thematic 1b, 2b, 3b or 4b

But i want to be able by clicking on one of my 4 thematics buttons to do :

My screen > Thematic 1ab, 2ab, 3ab or 4ab and do not change between Map+List or Map views by one of these 4 buttons (because this is controlled by another button).

i hope there is a way to do that

JasonBOCQUET · Answer

Hi, thanks for your answer.

Finally I found the solution. I create a view behind the button on the bot-left screen (which used to switch btw map and list view) and i duplicate this view 4 times, linked each views to the correct thematics on the other views. And this button change depending of the thematic selectionned on the top left button list. So this button is like a "pivot" on the application.

It created more views on my application, but it seems not to be a problem and it work perfectly !

TimWestern · Answer

I'm wondering if there is some additional complexity here that might require making a custom action.

That way, both sections/views (whatever) in theory could subscribe to the same event for a button and perhaps update accordingly.  At least that's what this may sound like.

The other possibility is that because of rendering one of those parts section/view perhaps the identifying locator that is needed for one of them is not able to be found when the app is in this state.  (if something is hidden from the page, its potentially possible to have a locator to a section that is maybe not being drawn? I'm not sure how to verify that, outside of going into the dev tools with F12 and looking for what those might be for the button in question)

one additional thought, if the view being managed is not on screen, and its somewhere else, I gotta think an action would be appropriate because it probably needs to mutate state in redux for it to be seen when that view does come into the screen area.

JasonBOCQUET · Answer

I try to resume to be more efficient : in both of my section i have another section who's managing for both view a list that i want to change depending of 4 thematics.

The problem is the following : the button can manage only ONE section because i have to select firstly one of both view AND after that i unlock the possibility to choice my list thematics.

My button are voluntary placed OUTSIDE of the section Map+List/List because is managing too a third Section outside of the other section which allow the user to filter the data depending of the thematics.

The 4 button on the upside left managing the filter zone, the list on the left of the map zone AND i would be able to managle the list who is in another view (managed by the big button in bottom left of the screen) but is actually impossible because i have 2 views whos manage if I see map+list or List and i have to pre-select one of this view to set up the other views.