Login/Register
How To Configure Redux DevTools Within Chrome Inspector Window So That Elements Are Stacked vs. Side-by-Side?
Asked Answered
Solved reduxreact-reduxredux-devtoolsredux-devtools-extension
O

4

7

How do I configure my Redux DevTool within the Chrome Inspector window so that they are stacked like they are in the red square? Currently my view is the one in blue where they are side-by-side.

enter image description here

Oscine answered 4/9, 2018 at 0:17 Comment(0)
O
2

I was able to figure this one out by accident. The solution is very technical. You have to click and drag the left hand edge to the right. Dragging right will stack the view. Dragging left will expand the view.

enter image description here

Oscine answered 4/9, 2018 at 16:53 Comment(0)
T
1

Here you can see, they have provided 3 kinds of view,

there you can find three ways to view your redux devtools.

Tallow answered 4/9, 2018 at 17:1 Comment(1)
Cool. Yeah I played with those buttons as well. While the view is what I'm looking for, it displays this in a new window (as shown in the red square in my OP). I was looking for that stacked view within the same inspector window. I was able to figure out the solution earlier today. You just need to the click and drag the left hand edge towards the right and it will eventually result in a stacked view. – Oscine
S
1

For me the answer ended up just being that I had to restart Chrome after initially installing the Redux Dev Tools extension. Before I restarted, it wasn't showing up in the inspector.

Syringe answered 9/4, 2021 at 18:2 Comment(0)
A
-1

As said above, just restart Chrome or Edge, whatever you are using, and will be added automatically.

Aquamanile answered 26/1, 2024 at 8:14 Comment(0)

© 2022 - 2025 — McMap. All rights reserved.