Comments (8)
Hi @Brecht272727,
itemAddOptions - only adds the options to the pre-existing Add item button when creating the JKanban object. Button can be in the footer or in the item stream.
buttonClick: function (el, boardId) { ...is the function you are looking for.
It is called when the Add Item button is clicked. It auto provides as a parameter the footer button's Board ID.
You fill in the code for it, inside the code area where you create/instantiate the JKanban ...example:
Kanban = new jKanban({ element: "#your-container", itemAddOptions: { enabled: true, // add a button to board for easy item creation content: '+', // text or html content of the board button class: 'kanban-title-button btn-block', // default class of the button footer: true // position the button on footer }, buttonClick: function (el, boardId) { ...fill in your add item button click code here. Notice the board ID parameter is provided. }
Hope helps,
from jkanban.
Hi @WriterStat, thanks for your reply. But what to do if we want a header and footer button? We just have one buttonClick
function?
from jkanban.
True, only the footer button is provided in the current jkanban lib by the author under open source, so you would have to:
Either:
... Fork the library and then add/fill in the code to the library.
... or manipulate the DOM etc... to get what you want. Then adding the code to your own external code.
... or you may be able hire the creator or others to add to the library. Hope I am not overstepping my bounds here, but the original author appears to be done adding public features to this lib. And so you may not hear from them on additions. He should pop in and correct me if I am wrong.
This lib is the Board/Item DOM creation + Drag and Drop.
We chose option 2 above and did the add item top button ourselves outside of the library in our own code.
So it can be easily done. But I don't want to fill up the author's area here with code. I think they would post the code if they wanted it here.
May I ask what your goal for the lib is? Briefly. Just curious.
from jkanban.
I added some features by pulling request jKanban. Pull requests are always welcome. =)
from jkanban.
@marcosrocha85: Can you tell what is changed?
from jkanban.
@marcosrocha85: Can you tell what is changed?
First thing WriterStat said is how you make a pull request in order to implement a feature you want and share with community. I said that most behavior I wanted, I developed and share through pull request.
You have 3 ways to make what you want, according to WriterStat, but you will have to code it because jKanban doesn't have exactly what you need.
from jkanban.
@WriterStat: I solved it outside of the library like you did. All working now! My goal is to make a kanban board for all salesmen. Boards are To call, 1 time called, 2 times called, Processed and Unreachable :-)
Everything is stored in mysql database. See my screenshot how it looks!
from jkanban.
Looks great! And sounds great! Cheers, -C
from jkanban.
Related Issues (20)
- Is there any way to collapse kanban board? HOT 2
- Checkbox is not working on board HOT 21
- dropEl function for sorting boards HOT 4
- Uncaught TypeError: Cannot read properties of undefined (reading 'dragTo') HOT 1
- Header of kanban boards - adding a button HOT 5
- HEX colors for boards headers HOT 2
- Browser context menu disabled - how to enable. HOT 1
- Which js minification software does jkanban use HOT 2
- can i add Kebab menu to kanban-item to i can drag item to anther id ??? HOT 2
- importing jkanban/dist/jkanban.min.js file throws an error HOT 4
- How to get item id when clicked HOT 1
- JKanban drag and move not working properly when we use the mobile view HOT 3
- replaceElement API Issue cause click function fired multiple
- Pagination support HOT 4
- collapsible Board
- Disabled element completly not interactible HOT 1
- import problem with vite HOT 2
- Width
- Uncaught ReferenceError: global is not defined HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jkanban.