How to hide custom Onsen dialog

Question

I have a custom Onsen Dialog with two buttons, and these buttons have onclick code in their html. I create this dialog using a template, and later when I try to hide this dialog with method like this

var dialog = document.getElementById("dialogSearchFriend");
dialog.hide();

I get an error "hide() is not a function".

I debugged this, and the dialog variable seems to be a template, rather than a dialog.

How can I solve this?

This should solve your issues: http://tutorial.onsen.io/?framework=vanilla&category=Reference&module=dialog — Munsterlander, Nov 13 '16 at 04:16
@SartherisStormhammer From the tutorial mentioned in the previous comments: https://codepen.io/frankdiox/pen/YppJpd?&editors=101 — Fran Dios, Nov 18 '16 at 02:52

score 0 · Answer 1 · answered Nov 09 '16 at 13:21

0

window.onload=function(){

     $("#dialogSearchFriend").fadeOut();
}

answered Nov 09 '16 at 13:21

KOUSIK MANDAL

2,002
1
21
46

nope, still not working, onsen don't work very good with jQuery as much as I know, maybe something to do with that. Also, I'd like the way to close it to be from onsen's api – Sartheris Stormhammer Nov 09 '16 at 13:23
no error, like I said, it's most certainly onsen-ui related – Sartheris Stormhammer Nov 09 '16 at 13:33

How to hide custom Onsen dialog

1 Answers1