How to pass metadata (from input) as argument to a button action

[cnichte]

Hi, this is my input:

INPUT[text():THE_NAME]

I want to use the value from the yaml property THE_NAME as parameter for the button action, like so...

label: Person hinzufügen
icon: ""
style: default
class: ""
cssStyle: ""
backgroundImage: ""
tooltip: ""
id: ""
hidden: false
actions:
  - type: templaterCreateNote
    templateFile: Templates/Person-Template.md
    folderPath: Person
    fileName:  THE_NAME
    openNote: true
    openIfAlreadyExists: true

How does it work? Any help is welcome :-)

best regards

[sslatz11]

You might try looking at the Meta Bind API, it looks like it can be used with JavaScript for more advanced behaviors.
https://www.moritzjung.dev/obsidian-meta-bind-plugin-docs/guides/api/

Maybe you could use the meta-bind-js-view to dynamically create/alter the button?
https://www.moritzjung.dev/obsidian-meta-bind-plugin-docs/guides/advancedusecases/

[Scopique]

I had the same question, and took a more round-about way using Meta Bind, Templater, and JS-Engine. Most of this is based on the Meta Bind API docs suggested by @sslatz11

// First we get an instance of the Meta Bind plugin, then we access the API.
const mb = app.plugins.getPlugin('obsidian-meta-bind-plugin')?.api;

// Pulled this from Templeter docs, and is used in my Templeter template as well.
const sourceFile = app.workspace.getActiveFile(); // Get the current active file (the form)
const frontmatter = app.metadataCache.getFileCache(sourceFile)?.frontmatter;

// We create a button configuration object.
const buttonConfig = {
    label: 'Save',
    style: 'primary',
    action: {
        type: 'templaterCreateNote',
        templateFile: "999.1 System Files/1. Templates/Templater Templates/New Location.md",
	folderPath: "2. The World/Locations",
	fileName: frontmatter.name,
	openNote: true
    },
};

// We specify the button options.
const buttonOptions = {
    declaration: buttonConfig,
    isPreview: false,
};

// We create the button. This will return something that inherits from `Mountable` and can be mounted to the DOM.
const button = mb.createButtonMountable(context.file.path, buttonOptions);

// Mount the button to the DOM and make sure it gets unmounted when the component is destroyed.
mb.wrapInMDRC(button, container, component);

And for completeness, the Templater template, which creates a new file based on the original template's frontmatter, but without the frontmatter. I'll have to solve this because I want to keep SOME frontmatter in the new document, like tags, for use with Dataview.

<%*
const sourceFile = app.workspace.getActiveFile(); // Get the current active file (the form)
const frontmatter = app.metadataCache.getFileCache(sourceFile)?.frontmatter;

if (frontmatter) {
    const name = frontmatter.name || "Untitled";
    const parent = frontmatter.parent || "Unknown";
    const description = frontmatter.description || "No Description";
    const faction = frontmatter.faction || "No faction";
    const tags = frontmatter.tags || "location";
    const map = frontmatter.map || "No map specified";

    tR += `# ${name}\n\n`;
    tR += `### Located in \n\n ${location}\n\n`;
    tR += `### Description \n\n ${description}\n\n`;
    tR += `### Controlling Faction \n\n [[${faction}]] \n\n`;
    tR += `### Map \n\n ${map} \n\n`;
    tR += `---`;
} else {
    tR += "Error: Frontmatter not found.";
}
%>