Widget:Timeline: Difference between revisions

From Madness Combat Wiki
No edit summary
No edit summary
Line 9: Line 9:
* '''width''' timeline width, 100% is default, can be % or pixels (without %)
* '''width''' timeline width, 100% is default, can be % or pixels (without %)
* '''zoom''' zoom ("initial zoom") in the timeline embed code
* '''zoom''' zoom ("initial zoom") in the timeline embed code
* '''theme''' theme("theme") in the timeline embed code


This widget lets you add a [https://timeline.knightlab.com/ Timeline] to your wiki page.
This widget lets you add a [https://timeline.knightlab.com/ Timeline] to your wiki page.
Line 14: Line 15:
== Using this widget ==
== Using this widget ==
For information on how to use this widget, see the [http://www.mediawikiwidgets.org/Timeline widget description page on MediaWikiWidgets.org].
For information on how to use this widget, see the [http://www.mediawikiwidgets.org/Timeline widget description page on MediaWikiWidgets.org].
<link rel="stylesheet" type="https://cdn.knightlab.com/libs/timeline3/latest/css/themes/timeline.theme.dark.css">
<link rel="stylesheet" type="https://cdn.knightlab.com/libs/timeline3/latest/css/themes/timeline.theme.dark.css">
== Copy to your site ==
== Copy to your site ==
To use this widget on your site, install the [http://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''.
To use this widget on your site, install the [http://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''.
</noinclude><includeonly><iframe style="border: none;" width="<!--{$width|escape:'html'|default:'100%'}-->"height="<!--{$height|escape:'html'|default:650}-->" src="https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=<!--{$id|escape:'urlpathinfo'}-->&initial_zoom=<!--{$zoom|escape:'html'|default:2}-->&height=<!--{$height|escape:'html'|default:500}-->"></iframe></includeonly>
</noinclude><includeonly><iframe style="https://cdn.knightlab.com/libs/timeline3/latest/css/themes/timeline.theme.dark.css" width="<!--{$width|escape:'html'|default:'100%'}-->"height="<!--{$height|escape:'html'|default:650}-->" src="https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=<!--{$id|escape:'urlpathinfo'}-->&initial_zoom=<!--{$zoom|escape:'html'|default:2}-->&height=<!--{$height|escape:'html'|default:500}-->"></iframe></includeonly>

Revision as of 09:27, 26 September 2024

To insert this widget, use the following code:

{{#widget:Timeline|id=1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk}}

Parameters

  • id - timeline id (everything after "source=")
  • height timeline height, default = 650 (px)
  • width timeline width, 100% is default, can be % or pixels (without %)
  • zoom zoom ("initial zoom") in the timeline embed code
  • theme theme("theme") in the timeline embed code

This widget lets you add a Timeline to your wiki page.

Using this widget

For information on how to use this widget, see the widget description page on MediaWikiWidgets.org.

<link rel="stylesheet" type="https://cdn.knightlab.com/libs/timeline3/latest/css/themes/timeline.theme.dark.css">

Copy to your site

To use this widget on your site, install the MediaWiki Widgets extension and copy full source code of this page to your wiki, as an article called Widget:Timeline.