How to hide some parts of the Canvas and Query Navigation Bar? (ASP.NET Edition)
Last modified:
You can set the "display: none" attribute to appropriate styles in CSS file to hide specific parts of the Sub-query Navigation Bar.
JavaScript:
var navBar = AQB.Web.QueryBuilder.NavBarComponent; navBar.subqueryPanel.hide(); /* Hide sub-queries panel */ navBar.unionPanel.hide(); /* Hide unions panel */
CSS:
.qb-ui-canvas-navbar-union-panel, /* Hide unions panel */ .subquery-tree, /* Hide the query structure tree button */ .breadcrumbs /* Hide breadcrumbs */ .subquery-button-container /* Hide buttons on the second line */ { display: none; }
Hiding the Properties Bar looks similar:
JavaScript:
var canvas = AQB.Web.QueryBuilder.CanvasComponent; canvas..propertiesFormsContainer.element.hide(); /* Hide the properties bar */
CSS:
.properties /* Hide the properties panel */ .properties__title /* Hide the properties tab */ { display: none !important; }