2016-01-07 23:00:38 +00:00
|
|
|
created: 20160107225427489
|
2021-12-21 10:26:58 +00:00
|
|
|
modified: 20211221102625141
|
2016-01-07 23:00:38 +00:00
|
|
|
tags: Features
|
|
|
|
|
title: Modals
|
|
|
|
|
type: text/vnd.tiddlywiki
|
|
|
|
|
|
|
|
|
|
Modals (or "wizards") fade the main TiddlyWiki window to display an isolated tiddler that must be explicitly dismissed by the user.
|
|
|
|
|
|
2023-01-12 20:59:34 +00:00
|
|
|
The tiddler to be displayed can contain the following optional fields that are used to customise the modal:
|
2020-04-02 18:49:41 +00:00
|
|
|
|
|
|
|
|
|!Field |!Description |
|
|
|
|
|
|footer|The footer text for the modal|
|
2020-11-17 14:43:46 +00:00
|
|
|
|subtitle|The subtitle text for a modal, displayed in a `h3` html tag|
|
2020-04-02 18:49:41 +00:00
|
|
|
|class|An additional class to apply to the modal wrapper|
|
2021-12-21 10:26:58 +00:00
|
|
|
|help|An optional external link that will be displayed at the left of the footer with the text "Help"|
|
2022-12-03 17:26:44 +00:00
|
|
|
|mask-closable|When set to ''yes'' or ''true'', will close the modal dialog when the mask (area outside the modal) is clicked|
|
2020-04-02 18:49:41 +00:00
|
|
|
|
2020-11-17 14:43:46 +00:00
|
|
|
Note that the footer and subtitle fields are not limited to plain text, and wiki text features such as widgets and transclusions can be used as well.
|
|
|
|
|
|
2016-01-07 23:00:38 +00:00
|
|
|
Modals are displayed with the [[WidgetMessage: tm-modal]].
|
|
|
|
|
|
2020-04-02 18:49:41 +00:00
|
|
|
<$button message="tm-modal" param="SampleWizard">Open demo modal</$button>
|
2022-12-03 17:26:44 +00:00
|
|
|
|
|
|
|
|
<<.tip """<$macrocall $name=".from-version" version="5.2.4"/> allow using "mask-closable" field""">>
|
