Code Monkey home page Code Monkey logo

kirby-multilist's People

Contributors

mrflix avatar sylvainjule avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

mrflix

kirby-multilist's Issues

Wrong column widths / missing styling (v3.7)

Hey there,
I just tried this out and it works great! One thing though was the column width seems off:

image

When assigning width to all properties, it looks like this:

image

Total width is alright (as expected), but table styles are still off ๐Ÿ˜•

Cheers
S1SYPHOS

Nested 'multilist'

Hey there,
I don't know about prior Kirby versions, but editing nested 'multilist' entries isn't possible in v3.7. Thanks for your library!

Cheers,
S1SYPHOS

[v4] compatibility

I updated my (still unmerged ๐Ÿ˜” - what's up @sylvainjule) 3.8.0 compatibility pull request and added v4 compatibility adjustments: #12

Before:
Screenshot 2023-08-08 at 08 53 37

After:
Screenshot 2023-08-08 at 08 53 20

Support for the hidden field

The field works - it exists, can be changed, and is at least readonly, but it's still showing. Will you accept PR for hiding field of type hidden?

(or, can you add it please?)

Kirby 3.6 support

Hey Sylvain! Thanks a lot for this great plugin. It's an essential to work fast with list content.
I just tried it for the first time with Kirby 3.6 and unfortunately it's UI is broken:

Kirby 3.5.x:

Screenshot 2021-11-22 at 20 17 44

Kirby 3.6.0:

Screenshot 2021-11-22 at 20 17 15

The table headers are very small, the drag-and-drop area is gone and the remove-button on the right is moved outside the field. I investigated and found the reason: the 38px height and width of all those elements was refactored into the variable --item-height: 38px. This variable is set on .k-structure-field.

I fixed it locally by adding it to .k-multilist-table:

.k-multilist-table {
    --item-height: 38px;
}

Keyboard shortcuts โ€“ movement and add a new row

Hey Sylvain,

great field, thank you - and just at the moment I was interested in such field!

While working with it, I quickly grew frustrated with few things however - namely:

  • I can't add a new row with keyboard only
  • If I want to change a thing X rows up or down, I have to tab or shift-tab however many times it's needed, even though the other cell is straight up or whatever

Would you be interested in accepting PR for keyboard shortcuts? I am not sure how hard it can be, but sometime next week I could try to add them. If you would accept it, what would the shortcuts be? I find myself reaching for โŒ˜ + arrows and โŒ˜ + enter for new row, but would also accept any other option.

Auto-sorting breaks the focus order โ€“ focus stays, data changes

If you have the field set as sortable: false and sortBy: whatever however, as soon as you change the value of the field the multilist is sorted by, if the order of the data changes, the focus doesn't.

  • enter value at position 3
  • change the sortBy field to whatever resorts the content
  • data changes (your new field is now row 1)
  • focus stays on row 3
CleanShot.2021-04-28.at.10.13.23.mp4

Feature request: "duplicate entry"

Hey there,
it would be great to easily duplicate entries (which makes repeatedly adding entries way faster), I know feature requests are always on-top stuff, but maybe something to consider. Otherwise close it, anyway thanks for this plugin!

Cheers
S1SYPHOS

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.