Touch Ui Dialog Box is not persisting content

I have Included  button component(use any component) in template level using sightly.

like

body.html

      <div data-sly-resource="${'button' @ resourceType='TestProject/components/content/button'}"></div>

Created new page of this template. Open the page in touch Ui. i am able to see the "button" component on page.

open the dialog box in touch ui. fill and submit the dialog box. The dialog box content is not persisted(button node is not created)

But if i drag and drop this "Button" component in parsys. i am able to persist the dialog content successfully.

Is anyone know how to resolve this touch ui dialog box persistence issue.