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

Mix Master Mike
  • 1,079
  • 17
  • 26

3 Answers3

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

Mix Master Mike
  • 1,079
  • 17
  • 26
1

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

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

aditya kumar
  • 2,905
  • 10
  • 39
  • 79
  • 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. – Mix Master Mike Sep 04 '18 at 18:34
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.

tgordon18
  • 1,562
  • 1
  • 19
  • 31