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;
}