Active Query Builder support area

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

Is this article helpful for you?