About the side-column width adjustment in the fx window
Hi everyone
Any idea to open the width adjustment function for the side-column in the fx window?
Current table fields were fine, but if I try to go deep into a few more layers, I even can not see any table or field name. Obviously, the coding side is able to adjust the window size, but the side-column does not support it. If can not remember the exact field relationship, or wonder to just follow the root to find a field, is really hard to see after two or three layers. Especially when coding, I have to copy and save the clipboard, exit the coding page, find the field name, and come back to continue. That is hard work. Does anyone suffer from that pain or just me?
Hope the Ninox team considering that.
9 replies
-
i do this all the time with my poor memory.
-
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.
Content aside
- Status Answered
- 1 yr agoLast active
- 9Replies
- 94Views
-
4
Following