vitmalina / w2ui

UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
http://w2ui.com
MIT License
2.67k stars 728 forks source link

Improvements that need to have in V2.0 #2318

Open foxpcteam opened 2 years ago

foxpcteam commented 2 years ago

After playing some time with w2ui this is what i find that need to be added to V2.0

General:

  1. Full Redesign to be Modern UI like: Ant Design, Material UI, Etc...
  2. Accessibility Support (as i already suggested) - i will try to prepare soon a list with all the necessary "to do" to support accessibility as much as possible.
  3. RTL support

Grid:

  1. Add support for Multi Select to editable property.

Forms:

  1. Tooltips support - allow adding tooltip near each field.
  2. Simple add icon near each field or inside field.
  3. Password field - add button/icon to show/hide password.
  4. Add better support for inline fields like "anchored field".
  5. Add pre field and after field - example:

image

Fields:

  1. Add support for: Slider and Rate.
  2. Add much better support for Dependent Fields.
  3. Add "select/unselect all" inside Multi-Select field
  4. Add "html" Support to each item in drop menu.
    Example:

{ field: 'field_list', type: 'list', required: true, html: { label: 'List' }, options: { items: { id: 3, text: "test", html: { attr: 'data-list="45"' } } }},

Nice to Have:

  1. Template system - load pre-design template when loading grid, for, etc...
  2. Drawer - A panel which slides in from the edge of the screen.
    Example: https://ant.design/components/drawer/
vitmalina commented 1 year ago

@foxpcteam thank you for your feedback. Sorry it took me a while to reply. You have many good points. Let me go point by point

General

  1. Everything in w2ui comes from a CSS to allow easy theming. A theme-roller could be useful, I agree, but did not have time to do it myself, any help/contributions would be appreciated
  2. Agree, but it is probably bigger effort than 2.0.
  3. Agree. There were request for it. Looking for help

Grid

  1. Not sure what the solution would be. I do not use grid edit too often, except when it it spreadsheet like https://w2ui.com/web/demos/#/combo/3, and here it already has multi delete and copy/paste.

Forms

  1. Can easily be implemented: https://w2ui.com/web/demos/#/combo/13
  2. Can easily be implemented as autogenerated forms allow any html at the end of it https://w2ui.com/web/demos/#/form/13
  3. Password fields are already there
  4. Need exemples
  5. There is prefix and suffix for fields https://w2ui.com/web/demos/#/fields/9

Fields

  1. Good idea
  2. Actually, they are not finished yet.
  3. ok
  4. You can provide custom render functions for menu

Nice to Have

  1. Need more info
  2. Possibly. Though, I think they are quite easy to do with just a div :)