Object - without content / free space

[dos1973]

Hi,
can you make an object without content?

i know section is possible without Naming, but Object without content would allow more flexibility.
i would like to have the option to add some free space, between the buttons.

[meanaverage]

I like this idea. Currently this is kind of possible using the custom_javascript.js, but only if the tile you want to hide is on the first page that Fusion loads (unless you setup the equivalent function as a document observer that kicks off when DOM changes).

If you add the following code to custom_javascript.js, any tile you've given the friendly name of Blank Tile will be hidden as long as it's on the first page loaded.

const levelsUp = 2;
function hideParentOfDivWithText(className, textContent, levels) {
    const elements = document.querySelectorAll(`.${className}`);

    elements.forEach(element => {
        if (element.textContent.trim() === textContent) {
            let parentElement = element;
            // Go up 'levels' levels in the DOM tree
            for (let i = 0; i < levels; i++) {
                if (parentElement.parentNode) {
                    parentElement = parentElement.parentNode;
                } else {
                    break; // Stop if there are no more parent nodes
                }
            }
            // Hide the Blank Tile's proper parent DIV and disable pointer events so it's no longer interactable
            parentElement.style.opacity = '0';
            parentElement.style.pointerEvents = 'none';
        }
    });
}
hideParentOfDivWithText('name', 'Blank Tile', levelsUp);

[meanaverage]

Fixed so it works on all pages without the need for an observer. Binds the function dynamically to clicks of any links existing in the top navigation bar and sidebar.

// Function to hide the parent div of elements with a specific class and text content
function hideParentOfDivWithText(className, textContent, levels) {
    const elements = document.querySelectorAll(`.${className}`);

    elements.forEach(element => {
        if (element.textContent.trim() === textContent) {
            let parentElement = element;
            // Go up 'levels' levels in the DOM tree
            for (let i = 0; i < levels; i++) {
                if (parentElement.parentNode) {
                    parentElement = parentElement.parentNode;
                } else {
                    break; // Stop if there are no more parent nodes
                }
            }
            // Apply the style to hide the element
            parentElement.style.opacity = '0';
            parentElement.style.pointerEvents = 'none';
        }
    });
}

// Function to attach event listeners to link elements in a given container
function attachEventListenersToLinks(containerSelector, linkSelector) {
    const container = document.querySelector(containerSelector);
    if (container) {
        const linkElements = container.querySelectorAll(linkSelector);

        linkElements.forEach(linkElement => {
            const linkName = linkElement.textContent.trim();
            linkElement.addEventListener('click', () => {
                console.log(linkName + ' link clicked');
                hideParentOfDivWithText('name', 'Blank Tile', 2);
            });
        });
    } else {
        console.warn('Container not found:', containerSelector);
    }
}

// Attaching listeners to links in the top navigation bar
attachEventListenersToLinks('.top-bar.svelte-1k4q95j #navigation', '.nav-button.svelte-1k4q95j');

// Attaching listeners to links in the sidebar
attachEventListenersToLinks('.svelte-10lgb5p', 'button.svelte-10q7c4z');

// Run once on page load
hideParentOfDivWithText('name', 'Blank Tile', 2);

[xrolfex]

I took a stab at adding a support object type for placeholder take a look at PR #316