Element icon quick visibility toggle

Suggestions
1

I’d like a feature where you can click the 2 letter icon and toggle the elements visibility. Either the icon could change or the element name could grey out a little bit.

image
image756×564 128 KB

2

Can you explain how you would use it and what the benefit would be?

3

I find myself toggling hidden regularly when my forms have multiple overlapping containers. I use Navs for the user to toggle through the containers, In the design screen, being able to quickly toggle the visibility, would reduce a number of clicks. Might just be my design style but all my forms have hidden elements on them, that appear with user action.

4

That’s what I thought - I wanted to make sure that if we fix it, we fix the right thing.

No promises, we have to see what is possible first.

5

I do it a bit differently. I create multiple forms and instead of keep their “parentForm” blank, I attach them to a container under frmMain (fbMainBody), which is in my main app form:

image
image257×359 30.1 KB

image
image243×388 35.4 KB

Then I get to be able to design the “subform” without the need to hide/show elements. I also customized my “ChangeForm” function to:

function appChangeInnerForm(frmNewInnerForm) {
    if (typeof APP.currentInnerForm === 'object') {
        APP.currentInnerForm.style.display = 'none';
        if (typeof APP.currentInnerForm.onhide === 'function') {
            APP.currentInnerForm.onhide();
        }
    }
    frmNewInnerForm.style.display = 'block';
    APP.currentInnerForm = frmNewInnerForm;
    
    let strFormMainID = APP.currentInnerForm.getAttribute('id').split('_')[0].replace('frm', '');
    if (strFormMainID.indexOf('Inventory') >= 0) {
        APP.lastForm.inventory = APP.currentInnerForm;
    } else if (strFormMainID.indexOf('Customer') >= 0) {
        APP.lastForm.customers = APP.currentInnerForm;
    } else if (strFormMainID.indexOf('Sales') >= 0) {
        APP.lastForm.sales = APP.currentInnerForm;
    } else if (strFormMainID.indexOf('Finance') >= 0) {
        APP.lastForm.finance = APP.currentInnerForm;
    } else if (strFormMainID.indexOf('Config') >= 0) {
        APP.lastForm.config = APP.currentInnerForm;
    }
    if (typeof frmNewInnerForm.onshow === 'function') {
        frmNewInnerForm.onshow();
    }
}
```

It helps with the design piece, although makes the app have lots of forms, which I’m not sure is the best approach for AppStudio - but it works for me.

6

Good solution - and there is no problem with having lots of forms.