Use memberLayout=separatePages, but don't show the Properties/Methods etc. in the sidetoc

[michfuchs]

I'm using docfx 2.70.3 and the configuration

  "metadata": [
    {
      "memberLayout": "separatePages",
      ...
    }

This works to create separate detail html pages for properties/methods etc.

I would like to keep the generated pages, but not show them in the sidetoc (i.e. only classes in sidetoc). Any suggestions?

[michfuchs]

I eventually got it to work, so answering my own question:

In templates\my-template\styles\docfx.js:

function renderSidebar() {
    var sidetoc = $('#sidetoggle .sidetoc')[0];
    if (typeof (sidetoc) === 'undefined') {
      loadToc();
    } else {
      //<customized>
      // Filter out nodes with the names "Constructors"/"Fields"/"Properties"/"Methods" and their descendants
      var elementsToRemove = $('a[title="Constructors"], a[title="Fields"], a[title="Properties"], a[title="Methods"]');
      elementsToRemove.each((i, e) => {
        var ul = e.closest('ul');
        $(ul).hide();
      });
      //</customized>
    (...)
}

There was an issue with the breadcrumb after that, fixed by the following code:

var memberSections = ["Constructors", "Fields", "Properties", "Methods"];

function loadToc() {
(...)
  if (util.getAbsolutePath(e.href) === currentHref
      // <customized> 
      // Do not generally make hidden Methods/Properties/etc.nodes active.
      // Otherwise they are included in the breadcrumb, despite the actual active node being the class node.
      // When the member is actually active (clicked on) and its member page is shown, it is still correctly added to breadcrumbs.
      && !memberSections.includes(e.innerHTML)
      // </customized
  )
(...)
}