Ways to hide subcategory in iModel viewer

[hsanand61564]

Hi

We are displaying imodel file into the imodel viewer. But when it comes to customization of subcategory thing it is not working for me. I want to make the subcategory invisible to true.

Following is the code snippet that I am using

After these steps listed above still, I am unable to hide the subcategories in my model.

Can you please suggest some other way round or modifications in the steps so as to achieve the hiding of subcategory thing?

Any help would be really appreciable

[pmconne]

You have { invisible: false }. That means you want the subcategory to be visible. Did you mean to use { invisible: true }?

[pmconne]

What version of imodeljs-frontend are you using? Are you using ViewportComponent? If you change onViewOpen.addOnce to onViewOpen.addListener and stick a breakpoint inside, does it get hit more than once? Did you consider not making listViewerSettings async, since it does nothing asynchronous?

[hsanand61564]

@pmconne We are using 2.13.0 version of imodeljs-frontend. Yes we are using viewportComponent.

If we change onViewOpen.addOnce to onViewOpen.addListener we get hit more than once.

yes we would be removing async from method listViewerSettings

[pmconne]

Thanks. If you are only using one ViewportComponent but your onViewOpen listener gets hit more than once, then it sounds like ViewportComponent is creating more than one viewport and you are modifying a different one than is ultimately being displayed.
If you keep addListener instead of addOnce and allow listViewerSettings to adjust the subcategories for every viewport, do your subcategories become hidden?

[hsanand61564]

@pmconne I tried again with addListener with a debugger inside it and it stuck only once on the debugger. And with this the subcategories are still not hidden.

below is the ViewportComponent snippet

[hsanand61564]

@pmconne Any further views on the same as still stuck on it?

[hsanand61564]

@pmconne Hi
We tried applying color to a subcategory specifically by giving the ID and it seems to be working.

But when we add invisible: true or transp:99 to the JSON object it does not works and it removes the color as well, as if it is ignoring the request.

Any solution to the same would be really appreciable.

Note: we are using 2.13.0 version of imodeljs-frontend.

[pmconne]

I have thus far been unable to reproduce the problem - see #961.

[pmconne]

I modified this sample which also uses ViewportComponent to try to reproduce your issue. In onViewOpen callback I query for all subcategories and make half of them invisible. This has the expected effect: geometry on those subcategories is not displayed in the viewport.

    IModelApp.viewManager.onViewOpen.addOnce(async (viewport: ScreenViewport) => {
      this.setState({ viewport });
      await HyperModelingApp.enableHyperModeling(viewport);
      HyperModelingApp.markerHandler.onActiveMarkerChanged.addListener((activeMarker) => this.setState({ activeMarker }));
      await HyperModelingApp.activateMarkerByName(viewport, "Section-Left");

      // Turn half of the subcategories invisible.
      let i = 0;
      for await (const row of viewport.iModel.query("select ecinstanceid as subcat from bis.subcategory")) {
        if (i % 2 === 0)
          viewport.displayStyle.overrideSubCategory(row.subcat, SubCategoryOverride.fromJSON({ invisible: true }));

        i++;
      }
    });

[hsanand61564]

@pmconne It's quite strange as I tried the same piece of code that you have written to my code, but it doesn't seems to be working at my end.

[pmconne]

Sorry @hsanand61564, that sounds frustrating. I suppose you can't share the rest of your code? If not, can you compare it to the code in the sample showcase I linked to see what might differ? Or, if you based your app on one of the iModel.js samples, can you tell us which one?