Redoc: Expand all on Response Schema

Created on 23 Feb 2017 · 9Comments · Source: Redocly/redoc

I have a deeply nested response schema. Currently it's very cumbersome to see the full schema, I need to click on each nested object. ReDoc has "expand all" on example response, does it also support the same on the schema?

feature

Source

sixers

👍5

Most helpful comment

is there any update on this? I would really appreciate this feature too.

piggydoughnut on 5 Oct 2018

👍14

All 9 comments

Hey @sixers,
at the moment ReDoc doesn't support this.

I've added feature badge to this issue. Most likely this feature will be shipped in a few weeks.

RomanHotsiy on 23 Feb 2017

Hey, any update on this?

sixers on 17 May 2017

@sixers unfortunately no.
I'm quite busy with other things around ReDoc right now ("Try it out" feature).

I will try to get this done asap. If you don't see it during the next two weeks, ping me again. Thanks

RomanHotsiy on 17 May 2017

Kind of a workaround, not a very good one tho

.collapser { display: none !important; } .ellipsis { display: none !important; } .collapsible { display: block !important; }

Sadere on 20 Jul 2017

Maybe also provide the similar function as the examples on the right.
Including both "Expand All" and "Collapse All" for the schema, which will be quite useful for deep nested schemas.

yyfearth on 9 Nov 2017

I suppose it would be better to have an option which can be passed along expandResponses to define the level to which it should be expanded.

ArslanAle on 29 Jun 2018

is there any update on this? I would really appreciate this feature too.

piggydoughnut on 5 Oct 2018

👍14

Possible workaround. Not sure if it has negative effect:

<body>
    <redoc spec-url='openapi.yaml'></redoc>
    <script src="https://cdn.jsdelivr.net/npm/redoc@next/bundles/redoc.standalone.js"> </script>
    <script>
        setTimeout(function() {
          var els = document.querySelectorAll('.collapsible .collapsed');
          for(el of els) {
            el.classList.remove('collapsed');
          }
        }, 100);
    </script>
</body>

benbro on 15 May 2019

Would be great to see support for this!

In the meantime, here's my workaround, using the callback of Redoc.init to trigger a click on all td elements.

Redoc.init(
  "spec.yaml",
  {
    // your props here
  },
  document.getElementById("redoc-container"),
  function () {
    var els = document.querySelectorAll('td');
    for (el of els) {
      el.click();
    }
  })