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 
<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.mus...@gmail.com> 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+unsubscr...@googlegroups.com 
> <mailto:tiddlywiki+unsubscr...@googlegroups.com>.
> To post to this group, send email to tiddlywiki@googlegroups.com 
> <mailto:tiddlywiki@googlegroups.com>.
> Visit this group at https://groups.google.com/group/tiddlywiki 
> <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 
> <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/6549AEC8-3163-48E9-8D4F-081C6D2E7A7B%40gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to