Remove help in builder its so annoying Please

Ask us anything
1

image
image194×114 5.75 KB

We don’t use this so please setup a setting for us in the builder that is attached to the developer profile for example to hide this element

4 Likes
2

For me, it used to be on the right pane, then some time ago it was moved to the left pane - but it is still the same annoying as it hides information

3

Hey :wave: Sorry about that! We’re working on a way to make it less annoying. I’m in favor of adding an option to hide it, but I can’t promise anything for now.

2 Likes
4

Just a quick hack😅 whenever you start working open browser console, add this code and hit enter
document.querySelector(“.userflowjs-resource-center-frame-root–closed”).remove()

2 Likes
5

The issue this is required in reach refresh

6

I never thought of this, it’s ground breaking! Just put it into an on app load workflow and it works beautifully. :smile:

image
image2684×1205 137 KB

3 Likes
7

I love this, will have a try

8

Ok so the below worked

const observer = new MutationObserver(() => {
    const elements = document.querySelectorAll('[class*="userflowjs-resource-center"]');
    elements.forEach(element => element.style.display = 'none');
});

observer.observe(document.body, {
    childList: true,
    subtree: true
});

I just need to confirm from weweb that this is safe to add in the app load and it won’t affect the performance for published since its not gonna be used there

9

you just need a custom rule on ublock origin for this. no need to add a weweb workflow :upside_down_face:

10

I’m forcing all my app’s users to also block it just in case :wink:

but yeah that’s probably better haha

11

it’s in the editor, your app users don’t have access to the editor… I suppose XD

12

Ok so added a filter to run only in the editor

image
image1262×1536 79.8 KB

It works

Also below is the final code if the other one failed

function hideUserflowWidget() {
    // Target all possible UserFlow elements
    const selectors = [
        '.userflowjs-resource-center-frame-root',
        '.userflowjs-resource-center-launcher-container',
        '.userflowjs-resource-center-body',
        '.userflowjs-resource-center-made-with-userflow',
        '[class*="userflowjs-resource-center"]'
    ];

    const elements = document.querySelectorAll(selectors.join(','));
    elements.forEach(element => {
        element.style.cssText = 'display: none !important; visibility: hidden !important; opacity: 0 !important;';
        if (element.parentElement) {
            element.parentElement.removeChild(element);
        }
    });
}

// Try immediately
hideUserflowWidget();

// Also try when DOM is loaded
document.addEventListener('DOMContentLoaded', hideUserflowWidget);

// And one final try after a short delay to catch late-loading elements
window.addEventListener('load', () => {
    setTimeout(hideUserflowWidget, 500);
});