XF 2.3 Stuck on this JS Button

[Itworx4me]

I am watching the video series on how to build a note pad. I am stuck on building with Xenforo 2 part 11. It asks me to create this code:

<xf:button href="{{ link('notes/edit', $note) }}" fa="fa-edit"
                           data-xf-click="inserter"
                           data-replace="#padNote-{$note.note_id} .padNote-article with .js-controls"
                           class="button--link button--iconOnly button--small" title="Edit"></xf:button>

When clicking the button it acts like its working but doesn't replace the .js controls into the edit form. I am assuming that this doesn't work as when I look at structure.js it doesn't follow what the video is saying. How do I get this to work with 2.3.6?

Thanks,
Itworx4me

 

[Itworx4me]

I am still stuck on this step. It just doesn't replace the content with .js-controls. Someone has to know how to fix this....lol

 

[Ozzy47]

This might help, https://xenforo.com/community/threa...ithout-jquery-inline-editing-tutorial.228994/

 

[Itworx4me]

This might help, https://xenforo.com/community/threa...ithout-jquery-inline-editing-tutorial.228994/

I saw this thread too. But I am a total newbie so it doesn't make any sense to me or how to use it in my situation.

Thanks you @Ozzy47 for trying to help