About the side-column width adjustment in the fx window

Hi,

It would be similar to this post. You would replace 

styleSheet.insertRule('.Console_input{resize:vertical}');

with this

styleSheet.insertRule('.nx-script-quick-fields{resize:horizontal;}');

Oh wow!  Can someone please explain to a rookie how I use this script to adjust that sidebar?  Drives me up the wall.  That is when writing code/scripts for real not the console.

The code, which I have modified, goes into Trigger after open under the Options tab when you are in Admin mode. Here is the modified code...

dialog("Custom CSS", html("
    <script>
        const myCustomCSS = '.nx-script-quick-fields{resize:horizontal;}';
        const sheet = new CSSStyleSheet();
        sheet.replaceSync(myCustomCSS);
        document.adoptedStyleSheets = [sheet];

        var interval = setInterval(() => {
            var bt = document.querySelector('.nx-alert .nx-button-text');
            if (bt) {
                bt.click();
                clearInterval(interval);
            }
        });
    </script>
"), ["close"])

This is very similar to the way Dark Mode and Ninext are initialized. It uses the Ninox dialog() function combined with the html() function which allows you to run JavaScript when you open your database. The changes I made to the code include creating a "constructed stylesheet" instead of using an existing Ninox style sheet and replacing the insertRule method with the replaceSync method. The setInterval() function just closes the dialog automatically. If you want to add your own custom CSS rules just append them to the myCustomCSS string.

This is a CSS modification and is not the same as the Ninox resizer you can use to change the main sidebar. My internet connection is terrible where I am currently so I can't upload a screenshot. Look for 2 small diagonal lines in the lower right corner of the formula sidebar. Click and drag from there.