TWC Image popup

[Joe Mehegan]

Hi,

I am new to Tiddlywiki. My work wants me to start using this for reports and group feedback.

I must use TWC as work uses IE 9, due to company's operating software not compatible with the newer version of IE.

I have been searching for the last 3 days to find out how to have a text link that will popup a window with an image in it.

ie: see plot of S11 & S21 parameters. when clicked the image will popup, no menus just a borderless image, with the ability to change image size.

I am sure there is an easy way to do this but I haven't been able to locate it.

Thanks for any help you can give.

Joe Mehegan

Sr. Electrical Engineering Test Technician  

[Tobias Beer]

Hi Mehegan,

I'm a bit surprised that
I haven't abstracted that into a macro yet,

— probably someone already did —

and that it's not in the core either

but rather a lengthy and complex explanation
as to how to go about creating a popup going along the lines of:
PopupMechanism + ButtonWidget + RevealWidget + QualifyMacro

So, to simplify that process, here comes the pop macro:

Generic Popup @ tb5

Best wishes,

— tb

[whatever]

He's using TWC, Tobi, not TW5.:)
w

[Tobias Beer]

Hi whatever,

 

He's using TWC, Tobi, not TW5.:)

Haha, totally overlooked. :D
Anyway, seems to have been missing for TW5 just as much. 

So, here's to TW2:

http://tobibeer.tiddlyspace.com/#Popup

Best wishes,

— tb

[Eric Shulman]

On Tuesday, September 29, 2015 at 9:49:28 PM UTC-7, Joe Mehegan wrote:

I am new to Tiddlywiki. My work wants me to start using this for reports and group feedback.

I must use TWC as work uses IE 9, due to company's operating software not compatible with the newer version of IE.

I have been searching for the last 3 days to find out how to have a text link that will popup a window with an image in it.

ie: see plot of S11 & S21 parameters. when clicked the image will popup, no menus just a borderless image, with the ability to change image size.

I am sure there is an easy way to do this but I haven't been able to locate it.

Using http://www.TiddlyTools.com/#NestedSlidersPlugin, you can write:

+++^*[text]...[img[images/filename.jpg]]===

where:

+++

   marks the beginning of the slider syntax

^*

   specifies that the slider is "floating" and "transient (i.e., a 'popup')

[text]

   is the label to click on

...

   defers loading of the slider content (the image) until the first time it is opened

[img[images/imagefile.jpg]]

   is standard TiddlyWiki syntax for displaying the desired image

===

   marks the ending of the slider syntax

If you want to specify the size of the displayed image, you will also need

   http://www.tiddlytools.com/#ImageSizePlugin

which extends the [img[...]] syntax to add size parameters, like this:

   [img(w,h)[...]]

where 'w' and 'h' are width and height, using CSS dimensions (e.g., 10px, 0.5in, 3cm, 50%, "auto", etc.).  Also, if you append a trailing "+" to a CSS dimension, it will allow you to *interactively* drag inside the image to resize it in that dimension.

Alternatively, if you want to show a small "thumbnail" of an image and then click for a popup larger image, then you can use:

   http://www.TiddlyTools.com/#ThumbThing

which provides a "transclusion" of some HTML code that you invoke like this:

   <<tiddler ThumbThing with: image thumbWidth thumbHeight fullWidth fullHeight>>

enjoy,

-e

Eric Shulman

ELS Design Studios

TiddlyTools - "Small Tools for Big Ideas!"

InsideTiddlyWiki: The Missing Manuals

YOUR DONATIONS ARE VERY IMPORTANT!

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...

   http://TiddlyTools.github.com/fundraising.html#MakeADonation

Professional TiddlyWiki Consulting Services...

Analysis, Design, and Custom Solutions:

   http://www.TiddlyTools.com/#Contact

[Joe Mehegan]

Thanks so much for your quick reply, the NestedSlidersPlugin did just what I was looking for.

As I start integration on this project, Tiddlywiki Classic will become our notebook.

Requiring several plots, photos, and spreadsheets, being able to view them as a popup will help keep the clutter down.

Thanks again

Joe Mehegan

Sr. Electrical Engineering Test Technician  

Thanks so much for your quick reply, the NestedSlidersPlugin did just what I was looking for.

As I start integration on this project, Tiddlywiki Classic will be our notbook.

Requiring several plots, photos, and spreadsheets, being able to view them as a popup will help keep the clutter down.

Thanks again