TiddlyWiki5/editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid

created: 20140809113603449
modified: 20140919161451179
tags: Learning
title: ImageGallery Example
type: text/vnd.tiddlywiki

Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).

<style>
.my-gallery svg {
width: 6em;
height: 6em;
margin: 1em;
}
</style>
<div class="my-gallery">
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
<$transclude/>
</$list>
</div>
Docs updates 2014-08-09 12:41:02 +01:00			`created: 20140809113603449`
Lots of documentation cleanup 2014-09-19 17:18:25 +01:00			`modified: 20140919161451179`
			`tags: Learning`
Docs updates 2014-08-09 12:41:02 +01:00			`title: ImageGallery Example`
			`type: text/vnd.tiddlywiki`

			`Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).`

			`<style>`
			`.my-gallery svg {`
			`width: 6em;`
			`height: 6em;`
			`margin: 1em;`
			`}`
			`</style>`
			`<div class="my-gallery">`
			`<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">`
			`<$transclude/>`
			`</$list>`
			`</div>`