Adding buttons in custom view

[MicheleDeZen]

Hi,

Let me start saying i am not that good with javascript but i am trying to figure out how to add a button inside a custom view like i have done using dataviewjs

const {update} = this.app.plugins.plugins["metaedit"].api;

const buttonMaker = (pn, fpath, state) => {
	if (state == "Open") {
		const btn = this.container.createEl('button', {"text": "▶️"});
		const file = this.app.vault.getAbstractFileByPath(fpath)
		btn.addEventListener('click', async (evt) => {
			evt.preventDefault();
			await update(pn, "InProgress", file);
		});
		return btn;
	}
	if (state == "InProgress") {
		const btn = this.container.createEl('button', {"text": "🆗"});
		const file = this.app.vault.getAbstractFileByPath(fpath)
		btn.addEventListener('click', async (evt) => {
			evt.preventDefault();
			await update(pn, "Solved", file);
		});
		return btn;
	}
}

In general i am searching for a reference to follow while developing views, i found this and it got me starting at least

Can anyone point me in the right direction?

[AB1908]

Can you look at the Buttons plugin? There's also a forum post by imed/imeed on how to use buttons with dataview.

[MicheleDeZen]

I can't find the post you mentioned, do you have a link to point me to?

[AB1908]

https://forum.obsidian.md/t/using-metaedit-buttons-templater-nldtase-and-dataview-together/35911?u=imed