remote/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2026-07-18 13:34:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add screenshot of the datasette-modal example to the docs

Browse source 
Taken with shot-scraper against a local Datasette instance running the
createModal() example plugin code from the Modal dialogs docs section,
then palette-quantized to keep the file size down (87KB at 1520x920).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TShiUYVMmmF4zyJR6GMw34
This commit is contained in:
Claude 2026-07-02 16:16:15 +00:00
commit 5fd27d9347
No known key found for this signature in database
2 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
docs/datasette-modal-example.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 85 KiB

6
docs/javascript_plugins.rst
View file

@ -105,6 +105,12 @@ The simplest way to create a modal from a plugin is ``datasetteManager.createMod
// modal.showModal({trigger: button});
});
Calling ``modal.showModal()`` then displays the dialog:
.. image:: datasette-modal-example.png
:alt: A modal dialog titled "My plugin" containing the text "Hello from a plugin!" and Cancel and Save buttons, shown over a dimmed and blurred Datasette table page.
:width: 550px
``createModal(options)`` / ``DatasetteModal.create(options)`` accepts:
``id`` - string, optional