New App Inventor User Interface in Open Beta!

Some features in UI:

  • i like to have a note field in the project property for write in some feature of the app or in case of new release the difference from the other release.
    this could be not visible but only for archive information during developing.

  • in the list projet page could be showed also the column versioncode and versionname. It would be useful to see the release without entering the project.
    And a pop up with the note field explained above (for example a ? button like in the extension)

1 Like

This is a known issue I'm working on. It's been troublesome.

I found bugs on https://code.appinventor.mit.edu

  1. Not able to remove extensions , it click on extension only
  2. Not able to delete or move project to trash

Privacy Policy

2 Likes

I'm also working on an excess of scrollbars in Windows. I appreciate that it's an issue, but it came to light late in the development process because our dev computers are Macs.

2 Likes

OK I now have and update on the test server with an overhaul of the css affecting the accessibility footer on Neo. It still has the refactored help popups:

https://ui-refactor-dot-srlane-test.uc.r.appspot.com

Testing welcome. My next priority is taking another pass at the scrollbars on Windows.

While you're doing Windows scroll bars, take a look at this continuing annoyance.

The first click in the Blocks Workspace nudges the outer scroll bar enough to obscure half of the bar that has the Designer/Blocks Editor buttons.
First click on Blocks workspace nudges outer scroll bar

(I checked the Privacy Policy bar on my laptop. It's down to a quarter inch high, less intrusive on my desktop PC monitor.)

Huh. I think I understand what's happening on your video, but I don't reproduce it on Edge on my VMWare Windows 11 virtual machine. This will take some digging.

I'm using Brave on Windows 10.
It also happens on Chrome,
but not on Firefox.
It happens on Edge.

1 Like

I can't scroll the blocks when a project is reopened in block view after switching from another project. Neither by the mouse nor by the scroll bars (scroll bar remains hidden).

I switch to Designer view and back to the Blocks view, then scrolling is enabled. I tried this several times.

Best regards,
Osmany

1 Like

Hey MIT! This Is Team Anissa Project Here.
I want to discuss a few issues with the palette scheme of the app builder.

Issues:

  1. It is a bit too bright, and users are unable to properly view the sections, due to everything being white.

  2. Basically, Just The Ribbon can Be The Signature Green MIT App Inventor Colour.

  3. Also, many MIT App Inventor Users have told me that the icons for the components are mostly indistinguishable.

  4. It just doesn't feel that organised, and all too confusing due to everything being white.

Hope this Helps. Thank You for your Time.

Regards,
Team Anissa Project.

1 Like

Then it's a Chromium issue I believe. Brave, Chrome, and Edge are all based on Chromium, but not Firefox.

Oh, Okay.

I’ve been mentioning for a while now that the internal scroll in the blocks section, both in all Firefox forks and in Firefox itself, skips and doesn’t provide smooth scrolling, which is frustrating. This forces users to rely only on browsers with Chromium engine or use a Chromium User Agent on Gecko engines. Since a new UI is still being implemented, I thought it might be worth checking if this is an issue with the builder or with the Gecko engines.

Sample video

I use Firefox as my primary browser on MacOS. For me, the scroll on the blocks flyout does not skip, but it does scroll much faster than it does on Chrome.

i am also using firefox but it directly scrolled to either top or bottom

Ah that's what I mean, it scrolls too fast or skips content, so you have to scroll and scroll, otherwise it skips most of the blocks.

I too have same issue a while ago,
I use Mac Mouse Fix app which solved this issue.
Give it a try it's free

The new UI is beautiful and I enjoy using it. Thank you for all your hard work!

I have a suggestion that isn't so much about esthetics as it is about the nuts and bolts. When working on a dense design, it becomes increasingly difficult to insert and move components around in the designer. I would love to be able to drag/drop/move components in the component tree itself. You could see exactly where you're placing your component even when the designer becomes cramped.

Would this be possible without a ton of work? Would others find it useful?

Thanks,
Bryon

4 Likes

Believe it or not, we have some keyboard shortcuts in the work from this summer's Google Summer of Code projects that adds this functionality from the keyboard. This is @Venky 's work. We are not the fastest at getting new features into production due to our small staff, but this is on my priority list.

3 Likes