Change default ratio between editor & interactive session
Thanks for your awesome app! It's amazing.
Small GUI suggestion: after a user logs in, could you make the editor window wider? Basically, that's why a user logs in, to have access to files. It's a shame to have to resize everything every time you sign in. A 50-50 ratio with interactive session would work. And maybe it would be better to have the vars on the far right, rather than in center, as I believe that view is less used than the others.
BTW, the REPL is really good! Thanks again!
Finally! This feature is live on the staging server, in addition to a lot of other new features:
http://octave-online.net:3000/
The panels are scaled using a FlexBox layout, and it remembers your width settings between sessions. Sorry for taking so long!
-
Victorel Petrovich commented
@ Ciprian Tomoiaga
"Basically, that's why a user logs in, to have access to files. ... A 50-50 ratio with interactive session would work."
I disagree; I log in in order to get increased time limit (10s vs 5s), and most of the time don't use the editor at all, but just experiment a lot. Also, I keep the window with Octave-online on just half the screen, so that to browse references in another window. So, at least for me, either the current ratio, or 0-0-5-95 % for editor-tipsTricks-vars-command line would be best for default.So, for everyone to be happy, it would be great for Shane to make it rrestore the previous setting at log in.
-
Hi,
Just so you know I haven't forgotten about this idea. I've just been really busy with school. I'm planning to do this first thing over spring break.
Thanks for your patience,
Shane -
Ciprian Tomoiaga commented
I love the simplicity behind splittr :D! Wish I knew about it last year for my university team project.
Great thing this is planned! Thank you! Initially I was thinking you'd store it per user, somewhere in the account. Having it stored per browser is very good because it means one can have different settings on work and home computer.
Many thanks for being so agile! :D
-
Back in the early days I tried using a canned layout framework (including Bootstrap and Foundation), but I decided to roll my own because that gives me more flexibility. I've open-sourced the layout framework; it can be found at https://github.com/vote539/splittr
I like the idea of remembering a user's layout settings in their session and re-applying the same settings when they visit the page again (on a per-browser basis). I'll work on that soon.
I'll also look into putting the vars panel on the right side of the page.
Thanks again for your feedback :)
-
Ciprian Tomoiaga commented
Hi Shane,
Wow, that was fast reply! In this rythm I believe you'll get very far with this app.Well, I'm by no means a designer and I have been told before I don't have an eye for design. But I'm judging from the point of view of functionality.
For me, the vars panel would be best on the right side of the screen. Or maybe below the Files panel, having the same width.Indeed, a responsive design would be best for you, but those are quite hard to implement in order to work right on ALL displays. Maybe you could use some framework, like bootstrap? I repeat, I have little experience in this field.
Remembering the settings would also work very well. I'd implement this first as it solves the problem without too much of a hassle. Then with time and an increased user base the design choice might be easier to make.
-
Hi Ciprian,
Thanks for the suggestion. Right now the files pane snaps to 100 px wide, the editor pane snaps to 200 px wide, and the vars pane snaps to 50 px wide. On small screens (tablets, etc) this accounts for almost 40% of the page width. The site could be more clever and base the panel width on the screen size. Another way would be for the site to "remember" your settings in your session cookie and resize the panels based on your previous layout. Thoughts?
I'm open to exploring different page layouts, such as putting the "vars" pane on the right side of the screen.
Thanks, Shane