Hello Jeremy! Many thanks for the snippet and also the info! Works like a charm.
Best Mohammad On Saturday, August 25, 2018 at 1:55:22 PM UTC+4:30, Jeremy Ruston wrote: > > Hi Mohammad > > You can use CSS transforms to manipulate the visual appearance of DOM > elements. For example: > > <$transclude tiddler="$:/core/ui/TagTemplate"/> > > <div style="transform-origin:0 0;transform:scale(0.5);"> > <$transclude tiddler="$:/core/ui/TagTemplate"/> > </div> > > <div style="transform-origin:0 0;transform:scale(0.5);width:200%;"> > <$transclude tiddler="HelloThere"/> > </div> > > See https://developer.mozilla.org/en-US/docs/Web/CSS/transform for the > details > > Best wishes > > Jeremy > > On 25 Aug 2018, at 04:29, TonyM <anthony...@gmail.com <javascript:>> > wrote: > > Mohammad, > > I stumbled on the following that is not exactly what you ask, but could > lead you to the full answer by finding out how the class is defined. > > <$button class="tc-btn-boxed"> > > > {{tiddlername}} > > > </$button> > This does allow it to act like a preview with a single button response, eg > open the tiddler > > > I went directly to > > <div class="tc-btn-boxed" style="width:20%;"> > > > {{Dashboard}} > > > </div> > however you may have to fiddle with the width > > Then finally you can use tables, even only part to get the same. > > <tr> > <td style="width:50%;"> > > > {{Dashboard}} > > > </td> > <td style="width:50%;">Space for more</td> > </tr> > This does not scale but does size it > > In each of the above examples you may need to add additional styling or > remove some of it, but basically this can be done with CSS, and the css > already exists in TiddlyWiki > > Regards > Tony > > > On Friday, 24 August 2018 15:10:10 UTC+10, Mohammad wrote: >> >> As Tiddlywiki.com <http://tiddlywiki.com/> describes its transclude >> widget can use template as below >> >> <$transclude tiddler="$:/core/ui/TagTemplate"/> >> >> >> Also see this: >> >> TW transclude widget and css >> <https://tiddlywiki.com/prerelease/#Formatting%20List%20Results%20as%20Tables%20with%20CSS%20-%20Variable%20Column%20Method> >> >> >> I want to know is it possible to have a template tiddler in TW to scale >> everything 50%! >> I mean when transclude a tiddler, every elements in the transcluded >> tiddler scale down by 50%! >> >> Small note: the transition attribute does not work when tiddler composed >> of complex contents! >> >> *Mohammad* >> >> >> > -- > You received this message because you are subscribed to the Google Groups > "TiddlyWiki" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to tiddlywiki+...@googlegroups.com <javascript:>. > To post to this group, send email to tiddl...@googlegroups.com > <javascript:>. > Visit this group at https://groups.google.com/group/tiddlywiki. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/5e3ea2a8-0e51-46c1-ab5d-f67fc9ef3185%40googlegroups.com > > <https://groups.google.com/d/msgid/tiddlywiki/5e3ea2a8-0e51-46c1-ab5d-f67fc9ef3185%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > > > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/33cf266c-e422-41d5-9ba9-45f9ce11e80a%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
