[{"created":"20160107225427489","text":"Modals (or \"wizards\") fade the main TiddlyWiki window to display an isolated tiddler that must be explicitly dismissed by the user.\n\nThe tiddler to be displayed can contain the following optional fields that are used to customise the modal:\n\n|!Field |!Description |\n|footer|The footer text for the modal|\n|subtitle|The subtitle text for a modal, displayed in a `h3` html tag|\n|class|An additional class to apply to the modal wrapper|\n|help|An optional external link that will be displayed at the left of the footer with the text \"Help\"|\n|mask-closable|When set to ''yes'' or ''true'', will close the modal dialog when the mask (area outside the modal) is clicked|\n\nNote 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.\n\nModals are displayed with the [[WidgetMessage: tm-modal]].\n\n<$button message=\"tm-modal\" param=\"New Tiddler\">Open demo modal</$button>\n\n<<.tip \"\"\"<$macrocall $name=\".from-version\" version=\"5.2.4\"/> allow using \"mask-closable\" field\"\"\">>\n","title":"Modals","modified":"20230131064248815","tags":"Features","type":"text/vnd.tiddlywiki"},{"created":"20230131062917860","text":"<style>\n.tc-dynannotation-search-overlay {\n\tbox-shadow: 0 0 5px red;\n}\n.mwi-goto-results {\n\tfont-size: 1.25em;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.mwi-goto-results button {\n\tfont-weight: 300;\n\ttext-align: start;\n}\n</style>\n<$dynannotate search=\"Test\" searchDisplay=\"overlay\" searchCaseSensitive=\"no\">\n<$eventcatcher tag=\"div\" class=\"mwi-goto-results\" $pointerover=\"<<hover-actions>>\" selector=\".mwi-goto-result-line\">\n<button class=\"tc-btn-invisible\">\n  <div class=\"mwi-goto-result-line\">\n    <span class=\"mwi-goto-journal\"></span>\n    EA_xxxxxxx › EMV-Test\n    <span class=\"mwi-goto-result-tags\"></span>\n  </div>\n</button>\n<button class=\"tc-btn-invisible\">\n  <div class=\"mwi-goto-result-line\">\n    <span class=\"mwi-goto-journal\"></span>\n    EA_xxxxxxx › Test Plan\n    <span class=\"mwi-goto-result-tags\"></span>\n  </div>\n</button>\n</$eventcatcher>\n</$dynannotate>\n\n<$button actions=\"\"\"<$action-setfield $tiddler=\"$:/temp/modal-test\" $field=\"text\" $value=<<now>> />\"\"\">Click</$button>","tags":"","title":"New Tiddler","modified":"20230214121234422"}]