Is there any way to alphabetize the pages in Builder inside the same directory. Grok has not been any help, beside saying it will not go more than 5 deep. I have searched for Java and CSS solutions. Nothing. I think NexGen will let me drag the pages but then when I go back to classic it moves back to same position as. I am not trying to move it up a level, I just want all ADD pages together and EDIT pages in the alphabetical order. Does not seem like that is much to ask. I have 60 pages and think all of them are 5 layers deep, or less.
I am pretty sure that the Kneuron extension can help you, if you copy/paste the code in some AI tool. This is how I’ve developed it at 95%. Just explaining what I want to achieve and giving it samples of HTML from the elements view. Sometimes I copy HMTL code’s text, but somtimes I get better results with just a screen grab of the elements I want to show, so it won’t get too much stuff to decipher.
Download the Javascript code from the repo here:
The framework is all there, you just need to process the right classes as they appear on the screen. If you have something, let me know, I’ll happily merge your code.
I will try to find a bit of time to have a look at it on my side.
I just need to add a button to toggle the sort on/off. Sometimes I prefer to leave them as is, so I can see the most recent additions. This is useful when working with other people in the same app and you want to see what’s new.
I will release it to Google Store, it will be available tomorrow typically.
Check out for Kneuron 1.9.0
I agree, especially when you consider that it took me exactly 48 minutes total to code all this, with the help of AI.
Just for fun, here’s the exact transcription of my conversation with Claude.ai, to show you how I use it. In 3 prompts (5 minutes), I got it almost perfect. The rest was just fine tuning.
I use ShareX to capture the HTML elements graphically, but you can use anything you want, asl long as you can select a precise region.
The trick it to grab a bit of the HTML structue before and after the elements of interest to give some context, then collapse everything you don’t need and expand just the minimum to allow focusing on the classes and IDs you’re referring to in the prompt. Use the highlighted current line’s color (blue) and the “find’s” color (orange) as additional details to be more explicit.
You can also copy HTML text directly instead of using screen grabs, but most of the time it contains a TON of useless text that eat your tokens away quickly.
Of course, you must also upload the Javascript code to provide an existing code base. In this case, the Kneuron.js file that can be found here: https://ctrnd.s3.amazonaws.com/Kneuron.zip
Then try your best to explain what you want, and it should look like this: