How to Create a Popup Form

272 views
Skip to first unread message

James

unread,
Jun 12, 2023, 9:56:03 PM6/12/23
to TiddlyWiki
Hi all,

I would like to create a HTML Pop Up form similar to this, but I don't know how to add a DIV layer or button that on top of all the layers on at the bottom of TW5.

Can anyone help me with this?

Thanks a lot.

PMario

unread,
Jun 13, 2023, 3:05:36 AM6/13/23
to TiddlyWiki
Hi James,
It seems you try to log-in to an online service. TW is a single page app. So it catches the input from popups and evaluates them locally. ...

Login forms usually send info to a server. ... So can you be more specific, what you try to achieve with the form?

-m
Message has been deleted

James

unread,
Jun 13, 2023, 7:42:11 PM6/13/23
to TiddlyWiki
Hi Mario,

Thanks for the reply.
I intent to add a "Live Chat" to my TW5.  So that, I can hide when I don't need it.

PMario

unread,
Jun 14, 2023, 2:27:07 AM6/14/23
to TiddlyWiki
> I would like to create a HTML Pop Up form similar to this,

Hi James
I can answer this question, but without more specific information it will not really help you.
It will just show the HTML form with some CSS formatting and that's it.

Styles in TW are defined using a tiddler named eg: `my-form-styles `    tagged: ` $:/tag/Stylesheet`

PopUps can be defined using the reveal-widget using the type: popup
or may be a modal in your case.

I did attach ZIP that I created while testing.
You can download, extract and drag & drop import it into a TW

The CSS needs to be changed a bit.
`display: none;` and `postition: fixed;` have been removed. They are "covered" by the tiddler frames.

Please head over to talk.tiddlywiki.com ... There will be more people watching.

Usually we create our own forms using TW widgets like the edit-widget, button-widget and so on.

As I wrote without more specific info we can only guess, which results in some pretty pictures.

mario

show-html-form.zip

PMario

unread,
Jun 14, 2023, 2:28:39 AM6/14/23
to TiddlyWiki
Sorry wrong link in the other post.
Here's the real one
Please head over to talk.tiddlywiki.org ... There will be more people watching.

sleepti...@gmail.com

unread,
Jun 14, 2023, 7:58:07 AM6/14/23
to tiddl...@googlegroups.com

Please unsubscribe me from this group.

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/7f7d49d9-f2a5-46f1-86ae-6e90a010a474n%40googlegroups.com.

Taylor Jacob Enzminger

unread,
Jun 17, 2023, 5:58:39 PM6/17/23
to tiddl...@googlegroups.com
Hey is there syndication/royalties from songsterr plays? 

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages