Netlify-cms: List View Bad UX

Created on 16 Dec 2017  路  6Comments  路  Source: netlify/netlify-cms

- Do you want to request a feature or report a bug?
Feature/Bad UX Fix

- What is the current behavior?
I am using netlify admin to edit this page https://www.alternativeeducation.in/learning-spaces.
which is a json file like this https://github.com/alteducation/web/blob/gh-pages/_data/learning-spaces.json

The Issue is the add new button for adding new entries is located at the top of the page whereas the input to add new entries show up at the bottom. So for every entry you have to scroll to the bottom to add a new one. On top of that the entries show up maximized by default this causes the user to scroll down even more and makes the browser lag due to all this content.
Gif:
https://gfycat.com/GrandNeedyDolphin
- If the current behavior is a bug, please provide the steps to reproduce.
Please Create An Object Of Arrays and edit it with netlify Admin.
- What is the expected behavior?

  1. Please Make The Array Items Show Up Minimized By Default like this
    img2
  1. When add new is pressed please show the new item on top as opposed to bottom.
  2. Please create an option to hide the preview pane by default on select pages or globally. The Preview Pane Creates Extra Lag on Pages with a lot of content. An Option to have it hidden by default is much needed.
    - Please mention your CMS, node.js, and operating system version.
    CMS version 1.
design discussion feature

Most helpful comment

I've opened a more targeted discussion around this topic here: https://github.com/netlify/netlify-cms/issues/963

Please weigh in with your opinions there :)

All 6 comments

So I'm hearing two requests:

  1. You'd like lists to be collapsed by default.
  2. The interface should scroll to the bottom of a list when creating a new entry/list item
  1. Yes :)

  2. Can we have the 'new entry box' appear at the top instead of auto scrolling to the bottom.

  3. An option to turn off live preview (by default) on select pages would be really helpful.

  1. You can already do that, although it doesn't look like it is documented:
  - name: "my-collection"
    label: "My Collection"
    editor:
      preview: false # Turn off the live preview for this collection.
    ...
  1. was addressed by #912.

@neutyp Should number 2 be split into a new issue or would you like it left in context here? I think it is a valid concern for long lists.

@alteducation: When add new is pressed please show the new item on top as opposed to bottom.
@neutyp: The interface should scroll to the bottom of a list when creating a new entry/list item
@alteducation: Can we have the 'new entry box' appear at the top instead of auto scrolling to the bottom.

I've opened a more targeted discussion around this topic here: https://github.com/netlify/netlify-cms/issues/963

Please weigh in with your opinions there :)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

andresalerno picture andresalerno  路  3Comments

BerkeleyTrue picture BerkeleyTrue  路  3Comments

dur41d picture dur41d  路  3Comments

TomPichaud picture TomPichaud  路  3Comments

chriskirknielsen picture chriskirknielsen  路  3Comments