transclude widget

[Mohammad]

As Tiddlywiki.com describes its transclude widget can use template as below

 <$transclude tiddler="$:/core/ui/TagTemplate"/>

Also see this:

  TW transclude widget and css

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

[TonyM]

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

[Jeremy Ruston]

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

-- 
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.
To post to this group, send email to tiddl...@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/5e3ea2a8-0e51-46c1-ab5d-f67fc9ef3185%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Mohammad]

Hello Jeremy!

Many thanks for the snippet and also the info!

Works like a charm.

Best

Mohammad

[Mohammad]

Thank you Tony for the info!

Best

Mohammad