wplit

{
    "key": "group_xcalendar_events",
    "title": "Calendar Event Fields",
    "fields": [
        {
            "key": "field_xcalendar_basic_info_tab",
            "label": "Basic Event Information",
            "name": "",
            "type": "tab",
            "instructions": "",

wplit

<script>

document.addEventListener('DOMContentLoaded', function() {
    const headerTemplate = document.querySelector('#brx-header');
    
    if (headerTemplate) {
        ['x_sticky_header:active', 'x_sticky_header:inactive'].forEach(function(eventName) {
            headerTemplate.addEventListener(eventName, function() {
              bricksSubmenuPosition()
            });

wplit

/* to make them more visible (default was 0.4) */
#bricks-structure .structure-item svg {
  opacity: 1;
}

/* to change the color of the arrows */
#bricks-structure .toggle svg {
 color: red;
}

wplit

<?php

class X_Test_Element extends \Bricks\Element {
    // Element properties
    public $category = "general";
    public $name = "xtestelement";
    public $icon = "ti-layout-width-full";

    public function get_label() {
        return esc_html__("Test element", "bricks");

wplit

<script>

document.addEventListener('DOMContentLoaded', function() {
    
    setTimeout(() => {
    
        const headerSearch = document.querySelector('.brxe-xheadersearch');
        const openToggle = document.querySelector('.x-header-search_toggle-open');
        const closeToggle = document.querySelector('.x-header-search_toggle-close');

wplit

<script>

document.addEventListener('DOMContentLoaded', () => {

  const accordions = document.querySelectorAll('.brxe-accordion-nested');

  accordions.forEach(acc => {

    const children = Array.from(acc.children);

wplit

<?php

function your_custom_function() {
	
	$output = '<p>' . get_field( 'acf_field_one' ) . '</p>';
	$output .= '<p>' . get_field( 'acf_field_two' ) . '</p>';
	
	return $output;

};

wplit

<script>

document.addEventListener('DOMContentLoaded', () => {

    const tabWrapper = document.querySelector('#brxe-922794'); /* ID of nestable tabs element */
    if (!tabWrapper) return;

    const tabPanes = tabWrapper.querySelectorAll('.tab-pane');
    const observer = new MutationObserver((mutations) => {

wplit

<script>
  
document.addEventListener("DOMContentLoaded", () => {

    const popover = '.my-popover'; /* change to selector for your popover element */

    const popoverEl = document.querySelector(popover);

    if (!popoverEl) return;

wplit

<?php

/**
 * FluentCart Product Transaction Hash Lookup
 * 
 * @param int $product_id The product ID to check for
 * @return string The transaction hash if product was just purchased
 */
function get_fluentcart_product_trx_hash( $product_id ) {