from:"Zaphod Beeblebrox"

Sorry I can't help with your button problem, but I can offer a little 
assistance with blocking out code:

Enclose whatever you don't want to show/run/whatever within ""

Some Code
Some More Code

And Even More Code


It can be written either inline or block-style, just be sure to leave one 
space oon each end, between the tag and your code.

--Zaphod


On Thursday, September 8, 2016 at 4:35:37 PM UTC-4, Andrew Whiting wrote:
>
> What's the syntax you guys use to block out code? I'm obviously not a 
> programmer...
>

-- 
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/65742547-6d0d-4168-a2a5-a3929c91567c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Tag (Text) Cloud for TW5?

Thank You for those links, Mario :) - Valid point and interesting video.

I have to admit, that my idea of having a word cloud on the Blog has a fair 
amount of 'Gee-Whiz, Lookit That!' to it ( :P ), but I feel it does have 
some practical application, too, like leading folks to find a tiddler that 
contains a particular topic that might interest them, which might otherwise 
remain hidden within the tiddler.

I know you've previously expressed your opinion about superfluous tags, and 
I read that with great interest and have used it in my thought processes 
ever since, opting instead to use the search box in TW to find the topic 
within the text, over having a discreet tag for it, but with a word cloud, 
items that a visitor to the Blog may not be aware of are presented and able 
to be easily found.

--Zaphod

On Thursday, September 8, 2016 at 4:52:21 AM UTC-4, PMario wrote:
>
> I'm a "visual type". So I prefer images over text. ... But I'm not happy 
> with word-clouds. For me, most of them, don't have a purpose, other than 
> look good (for 15 seconds). Especially if the size of the words is 
> manipulated by the word frequency. ... IMO it's misleading.
>

-- 
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/42b1f4a3-b222-4ef6-8826-9b7b3e451420%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Tag (Text) Cloud for TW5?

I agree that when presented in the right way, a word cloud can be quite a 
thing of beauty :)

--Zaphod


On Thursday, September 8, 2016 at 4:34:29 PM UTC-4, Mat wrote:
>
> ...The use of tags or categories rather than mere content words is very 
> important. Here is an example of what I consider a good one, i.e the one 
> sorted by popularity/frequency. There is even some beauty to it when 
> sorted/colored like that.
>

-- 
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/986f2af7-b713-409a-b1a2-1318af5d7d8e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Tag (Text) Cloud for TW5?

Yes, this was my thinking when I mentioned using Jed's GenTags plugin - I 
could have a specified set of tags/topics/whatever that would be 
specifically for this purpose.

'course that takes all the 'spontaneity' out of it, plus it has to be 
configured, whereas a true word cloud is created dynamically from the 
content of the site/blog.

--Zaphod


On Thursday, September 8, 2016 at 1:04:25 AM UTC-4, Tobias Beer wrote:
>
> Hi Zaphod,
>
> I think your only workable chance at arriving at a meaningfully performing 
> solution is to have that "cloud" be constructed from a predefined index of 
> keywords.
>
> Best wishes,
>
> Tobias.
>

-- 
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/5f075c7c-a76e-4da6-9bbc-2c9525ccf25f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Tag (Text) Cloud for TW5?

2016-09-07 Thread Zaphod Beeblebrox

While reading Mark S.'s question about *Searchable fields when using 
_Canonical_uri*, and Tobias' response, it got me to thinking again about a 
'feature' I'd really like to have in my TW 'Blog': A Tag Cloud.  But not a 
cloud of 'Tags,' which would be sort of boring and mundane (not to mention 
totally unwieldy for those of us with an overabundance of tags ;) ), but 
made up instead of occurrences of words from the actual text within the 
tiddlers.

Does anyone know if such a thing might be possible?

I have some code (forget where I found it) that creates a cloud (of sorts) 
from the normal tags, and appends their total number of occurrences using 
the $count widget:


.cloud { margin-right: 7px; }
.cloud .tc-tag-list-item { margin-right: 0; }

<$list filter="[tags[]!is[system]sort[title]]">

<$transclude tiddler="$:/core/ui/TagTemplate"/>
<$count filter="[all[current]tagging[]]"/>





Eric Shulman had a very nice tag cloud on his TiddlyTools 
 that used a proportional font 
display - Oh, how I wish he could be coaxed into creating masterpieces like 
this for TW5...

And, barring that, a thought might be using Jed Carty's GenTags Plugin 
 and make one (or 
more?) separate tag-field(s) to hold tags just for this cloud?


.cloud { margin-right: 7px; }
.cloud .tc-tag-list-item { margin-right: 0; }

*<$list filter='[tags:gentagsfield[]sort[title]]'>*

<$transclude tiddler="$:/core/ui/TagTemplate"/>
<$count filter="[all[current]tagging[]]"/>





Thoughts?

--Zaphod

-- 
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/12a9df8f-3c50-4641-8383-27b6afc6c369%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] How to set the height and width of edit-text input boxes?

2016-09-07 Thread Zaphod Beeblebrox

But the *rows* parameter affects the height, not the width.  The *size* 
parameter affects the width, but I already have it set to 53 in the example 
pic above -- the same width as all the single-line <$edit-text> fields in 
the form, and they all perform as expected.

--Zaphod



On Wednesday, September 7, 2016 at 1:36:01 PM UTC-4, Danielo Rodríguez 
wrote:
>
> Oh, so your problem is with the width. 
> Have you tried with the rows parameter? Set it to 200 for example and see 
> what happens 

-- 
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/4be2c813-90a9-466a-bbcf-aa71e30b1129%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] How to set the height and width of edit-text input boxes?

2016-09-07 Thread Zaphod Beeblebrox



Thank You for that, Danielo :)

But I'm not having any trouble with the Editor, Where I'm seeing the 
problem is with the <$edit-text> widget, just as Matabele demonstrated in 
his OP...

I've been using version 5.1.11, but just switched over to 5.1.13 and it 
seems that it's even worse there, as my hacky little 'solution' (enclosing 
the <$edit-text> in a div with a "width: 450px;" declaration) isn't working 
there :(






It also displays this way when used within a flex div.

I can manually resize the area, but as soon as I close the tiddler it 
reverts back to its original size.

--Zaphod


On Tuesday, September 6, 2016 at 5:56:28 PM UTC-4, Danielo Rodríguez wrote:
>
>
>
> In te latest version you can set the heigh of the text widget:
>
>

-- 
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/b0082313-1eda-4da5-b152-22e66e5b7dc8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] How to set the height and width of edit-text input boxes?

2016-09-06 Thread Zaphod Beeblebrox

No one ever really answered with a solution to this, and I am experiencing 
it now within a dashboard form tiddler I'm trying to make.

I've temporarily overcome it by enclosing the <$edit-text> in a div with a 
"width: 450px;" declaration, but it would be nice if we didn't have to 
resort to such tactics.

--Zaphod 

-- 
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/2dd774db-5265-4f53-8dc2-3973cbe6c697%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: beginning to understand

2016-09-06 Thread Zaphod Beeblebrox

Glad you're enjoying TW and finding it useful for your needs, Eneko :)


On Tuesday, September 6, 2016 at 9:06:46 AM UTC-4, Eneko Gotzon wrote:
>
> ...I believe that for me, humble beginner, it is a good choice to start 
> saving my tiddlers as plain text (but doing that I guess the markup 
> capabilities within the text –i.e., poems– are lost.).
>
>  
When you look at it, though, any of the formats that you can export your 
tiddlers (Poems, in your case) in, are all plain text files, each just 
formatted a little differently so that they can be read back into your wiki.

Try exporting one of your poems as each of a *.tid*, a *.json*, a *.csv* 
and an *.html* file and then look at each one with a text editor (even 
Windows Notepad will do ;) ) - You'll see that your original, plain-text 
data is in there, just formatted in a certain way or with some added bits 
of html markup.

Also, your formatting (markup) can be saved if you export as HTML, and you 
have the added convenience of being able to view that page in any web 
browser, and it will look just as it did when you created it in TW :)

--Zaphod

-- 
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/ea44d840-294d-4ab1-85b9-3d129b97da3e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Continuity in Data Access

Hi, Eneko :)

You might want to look/join in on this thread, started by Bruno Wassermann 

.

--Zaphod


On Sunday, September 4, 2016 at 5:54:11 PM UTC-4, Eneko Gotzon wrote:
>
> Hello all :)
>

-- 
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/4c7355af-e8d2-406b-b495-9be198ac3c24%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Searchable fields when using _Canonical_uri ?

Interesting conundrum...

I haven't run into this particular problem, yet - The only _canonical_uri 
tiddlers I have right now are the background images for the TW, and they 
all have a uniform title ($:/_BG_Background Name) so they're easy to find 
in the Advanced Search box.

Will be watching for eventual answers to this.

--Zaphod

On Sunday, September 4, 2016 at 4:34:24 PM UTC-4, Mark S. wrote:
>
> Is there any field you can insert into a canonical uri tiddler to make it 
> searchable?
>

-- 
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/82d91321-9706-4d22-9411-bc6a1b9741ae%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: TW5: Can I put code blocks inside tables?

Ah, yes!

Thank You for that, Ton :)

I'd forgotten about using the full <$transclude> syntax, I was using the 
shorthand {{$tiddler to transclude}}...

--Zaphod


On Sunday, September 4, 2016 at 5:55:27 AM UTC-4, Ton Gerner wrote:
>
> Hi Jeff, Zaphod,
>
> You can transclude in block mode:
>
> |<$transclude tiddler="Code tiddler" mode="block"/>|
>
> Cheers,
>
> Ton
>
>

-- 
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/bccbd5f0-e94b-4058-8733-ff44b8b2ad0e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Presenting: G-Comments - a comments feature based on Google Forms

Thank You so much, Mat, for this great addon! :)

Really good tutorial, also - It only took me about 10 minutes to get it all 
set up and functioning.

This is something that was missing from TW, that will enable one (well, me, 
at least) to run a totally self-contained 'Blog' that can be 
hosted/stored/archived somewhere and distributed to select users, and now 
receive comments from the users.

Later on I'll tinker with Google Sheets and see about making a "Public" 
spreadsheet to show comments.  I wouldn't want to open up the one that I 
use to receive them in, as rude language or spam might creep in it, so I'd 
have to create another one for the public.

Thanks again :)

--Zaphod

On Sunday, September 4, 2016 at 10:33:20 AM UTC-4, Mat wrote:
>
> @Zaphod Beeblebrox and @Måns
>
>
> Long overdue, I'm happy to officially present G-Comments. It has been used 
> on TWaddle <http://twaddle.tiddlyspot.com/> for a long time and I've 
> promised a proper writeup for it... so here it is:
>
> G-Comments <http://gcomments.tiddlyspot.com/>
>
>

-- 
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/1550153c-6978-455e-b7b7-4e37d569499e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: TW5: Can I put code blocks inside tables?

2016-09-03 Thread Zaphod Beeblebrox

And, if you can tolerate the 'red text' listing, you can also transclude a 
tiddler or field containing your code back into your table cell, although I 
can't get it to work in block mode ( ``` ), just single mode ( ` ).

--Zaphod 

-- 
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/055d5077-cba3-4ba3-a83e-f678e3f47ced%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Dropbox no longer serving HTMTL files?

2016-09-03 Thread Zaphod Beeblebrox

I'm just a lowly free user at Dropbox, and my HTML-Rendering-Cessation Date 
is October 3rd, 2016.

I currently only use it to store a few TW's, as I make use of Google Fonts, 
and until just the past couple of weeks those fonts would not show up when 
the TW's were 'served' by Dropbox (I've since found the problem - I needed 
to change the 'http' to 'https' in the Google links...), but had plans to 
serve a couple from there - Looks like it won't be happening, now.

--Zaphod

On Thursday, September 1, 2016 at 10:19:36 AM UTC-4, Steven Schneider wrote:
>
> Has anyone received this email from Dropbox:
>

-- 
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/f73e11d2-cd17-45ec-8442-3554ea4ad863%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: @Mat - How do/did you specify tiddlername as a value to a taget cell/row in a google spreadsheet?

2016-09-03 Thread Zaphod Beeblebrox

Hiya, Mat :)

Just wondering if you ever had time to write up a detailed walk-through on 
how to set up this amazing (to me, anyway :P ) 'feature' so us unlearned 
neophytes could add it to our TW's?

I notice you said that a premise was it being part of the ViewToolbar - 
Hopefully it can be implemented outside of that, as I don't currently use 
it.

--Zaphod 

-- 
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/3a2d8771-24a5-4479-887c-59ef1f88dc0d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Random Quote of the Day in TW5?

Heh heh - I'd agree with you, Mario, but that's what Eric called it :-P

--Zaphod


On Friday, August 19, 2016 at 6:26:29 PM UTC-4, PMario wrote:
>
> On Saturday, August 20, 2016 at 12:08:29 AM UTC+2, Zaphod Beeblebrox wrote:
>>
>> But what Eric's javascript did was set a timer that fired every so often 
>> and changed the quote(s) - That's what I'm really looking to do.
>>
>
> hmmm, "Quote of the day" - For me this indicates, that it doesn't change 
> that often ;)
> -m
>

-- 
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/69e66dd7-5eda-439d-9067-273e8dddfbc4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Random Quote of the Day in TW5?

Thank You, Jed - I will indeed take another look at your creation :)

I looked at it when I was trying to figure out my background-changing 
thingy-of-doom, but I didn't really need the randomization.  I still don't 
have a need for a random change on page load, but I just might 
steal gently borrow the code for your randomizing button, to go 
alongside my "Blank Background" button ;-)

But what Eric's javascript did was set a timer that fired every so often 
and changed the quote(s) - That's what I'm really looking to do.

--Zaphod

On Friday, August 19, 2016 at 4:12:05 PM UTC-4, Jed Carty wrote:
>
> I made something to set a random background a while ago, you could 
> probably use that as a base. 
> http://inmysocks.tiddlyspot.com/#Randomly%20Change%20the%20Background%20Image

-- 
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/2a02fc5a-2377-4ec0-8078-c44ae3ff21ef%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] ToolTip for SideBar Links generated through a $List?

Just wondering if there is a way to add a tooltip to the links in the 
SideBar that are generated from a toc list?

I currently have this "Movies" tab in the sidebar:


<>


I'd like to have a tooltip pop up on hover that would give a brief 
description, like "NTSC DVD9" or "DVD-Rip (DivX)" or "VHS-Rip (AVI)" etc.

I'm assuming a field in the linked-to tiddler could be designated for this 
purpose.

Thanks in advance for any ideas :)

--Zaphod

-- 
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/fd685686-55c0-4e89-ba6c-9baa171b131e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Random Quote of the Day in TW5?

I stare in awe at Eric Shulman's http://www.TiddlyTools and drool over some 
of the amazing things he's created there, wishing there were counterparts 
in TW5.

One of those wishes is for something similar to the Quote of the Day Plugin 
 he has, where a random 
quote, link, etc. is pulled from a list within a tiddler, and shown 
onscreen, run by a timer.  I would love to incorporate such a thing, either 
in a div within the SideBar or maybe the subtitle of the TW (or both! :-P ).

I've copy/pasted several javascript random quote generators I've found on 
the 'Net, but couldn't get them to work.  Just wondering if Eric or anyone 
else knows how we might implement such a beast?

--Zaphod

-- 
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/4b87fcf2-e474-4292-86fe-893ff8c29dc6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] TW Comments through Google Forms - HowTo?

This is directed @Mat *(if you are the same Mat that runs Twaddle :) ).*

I know you're currently up to your eyeballs with TWederation-related stuff,
but when you get a minute, could you possible explain (in simple terms) how
to set up the commenting system using Google Forms
that
you have on your TW?

I've looked at the code you have available, and *almost* understand what's
being done, but a step-by-step tutorial would really be great. Things like

- How do you set up the tiddler to automagically name the Google Form
with the title of the tiddler it is associated with? (or do you have to
setup/create the form manually for each tiddler? (I hope not - I'll have
near 1000 tiddlers!))

- What part(s) of the Google Forms URL does one use?

- A breakdown of the code that makes up the (very nice-looking :) )
comment box you have.

I'm surprised that more people haven't seen this and asked about it - It
seems the perfect thing for my use case, and I'd think that there would be
many others who could find use for it :)

--Zaphod

--
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/e94e6e99-9fc6-4467-90de-d08cdfcc499c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Changing backgroundimagesize when background image changes



As you can see in the SideBar at http://zaphod2016.tiddlyspot.com/, I got 
my Background Selector created and functioning pretty darn well *(I'm so 
very happy! :) )* - But then I ran into a niggling little annoyance that I 
hope someone can help me to overcome.

Many of the movie screenshots that I want to use as backgrounds are from 
older, SD (Fullscreen, 1.33:1) films, and do not cover the entire screen. 
In the ControlPanel there is the setting for *Page background image size* 
which references the


$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize


tiddler and gives it the value of either "*auto*", "*cover*" or "*contain*."


720p and 1080p, as well as *most* HDTV Widescreen screenshots look just 
fine with the setting of "*cover.*"  Some of the old SD screenshots, 
however, need the "*contain*" setting in order to be displayed correctly *(or 
at least look 'better')*.


What I need is a way to include that setting with each individual 
background image tiddler — I'm thinking in a field — and then read it in 
when that screenshot is selected, and pass it on to 


$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize


I have tried so many different ways of doing it, but none of them have 
worked - At present, I simply do not have enough knowledge of macros, 
transclusion, filter syntax and the like to accomplish this *(and I 
sometimes think I might never)*


How could that simple action be achieved within my Background Selector code?


TITLEDescriptive Title of Your Choosing 
:

<$linkcatcher to="$:/themes/tiddlywiki/vanilla/settings/backgroundimage">

<$list filter="[tag[Background]sort[title]]">
<$macrocall $name="linkimg" tiddler=<> image=<
> tooltip=<> width="115"/>



<$link to="">
<$button>Blank Background




Any help greatly appreciated :)

--Zaphod

-- 
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/e4283193-d1bc-439a-8757-959d15d93a5f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: SideBar Shade - My (small) Contribution

Thank You for the link to Tinka, Birthe :)

It worked just fine *(well, all except for giving me an error no matter 
what I entered into the 'Core-Version' box...)*, and I now have the SideBar 
Shade packaged as a Plugin, and available for download from 
http://zaphod2016.tiddlyspot.com/ :)

I added a list-after field to the ControlPanel variant, so it appears at 
the end of the Appearance tab, after Theme Tweaks.

Now onto my next problem/dilemma/query/project :-P

--Zaphod

-- 
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/6fcf45d4-a13f-4f5c-9ca1-612e41333b90%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] SideBar Shade - My (small) Contribution

2016-08-13 Thread Zaphod Beeblebrox

Greetings :)

After a lot of tinkering, I have my transparent SideBar background project 
working.

This is not *exactly* how I wanted it to be, but it works well enough that 
I feel safe in releasing it for others to use.  It's easily modifiable both 
functionally (more colors/other transparency values could be added) and 
aesthetically (the 'interface' is comprised of divs with CSS classes you 
could change to your liking).

I tried to package it into a 'plugin,' following a tutorial on 'how to 
create plugins in the browser,' but I kept getting syntax errors when I 
tried to compile it, so I finally gave up and just put everything in a 
.JSON file...

View and download it here 

Hope it's useful for some of you :)

--Zaphod

-- 
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/ef3c67b0-3343-4a06-93d0-16009d684ca9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Hiding/Showing Background in SideBar

2016-08-11 Thread Zaphod Beeblebrox



Sorry for the long hiatus, but I've had to be out of town for a few days 
(and AFK), plus I didn't want to show my face around these parts again 
until I'd made some substantial progress on this 'project.'


So here we go!


I worked, cussed, fooled, thought, prayed and finagled until I *FINALLY* 
figured out one *(hacky, cludgy, inelegant)* way to do what I wanted to...


I copied the


$:/core/ui/TopBar/menu

Shadow Tiddler and made the following additions:

*Original:*

<$reveal state="$:/state/sidebar" type="nomatch" text="no">
<$button
 set="$:/state/sidebar" setTo="no" 
tooltip={{$:/language/Buttons/HideSideBar/Hint}} 
aria-label={{$:/language/Buttons/HideSideBar/Caption}} 
class="tc-btn-invisible">{{$:/core/images/chevron-right}}


*Inserted:*

<$transclude tiddler="$:/_SBBG1"/>


*Original:*



<$reveal state="$:/state/sidebar" type="match" text="no">
<$button
 set="$:/state/sidebar" setTo="yes" 
tooltip={{$:/language/Buttons/ShowSideBar/Hint}} 
aria-label={{$:/language/Buttons/ShowSideBar/Caption}} 
class="tc-btn-invisible">{{$:/core/images/chevron-left}}


*Inserted:*

<$transclude tiddler="$:/_SBBG2"/>


*Original:*





What this does is call in

*$:/_SBBG1*

.tc-sidebar-scrollable { background-color: rgba(0,0,0,0.5); }

(which contains the above style for the 'Black' background (@ 50% opacity) 
that you'll see when the TW is first loaded) whenever the SideBar is 
displayed, and;

*$:/_SBBG2*

.tc-sidebar-scrollable { background-color: rgba(0,0,0,0.0); }

(a 'White' background, but with its Alpha Channel *(the last number in the 
rgba)* also set to zero, essentially making it transparent) whenever the 
SideBar is hidden.

Success! :)



Now of course, me being me, I couldn't be satisfied with that - I had to 
carry it further and come up with yet another idea that I wasn't capable of 
bringing to fruition :Þ

Until now.

*well, almost, anyway…*


*Let's have Multiple Colors for the SideBar Shade*!*

(*with a nod to the 'Notification Shade' on Android devices :Þ)

Knowing that my users will probably want to change things up from time to 
time (heck, I will, too!), I started thinking about how I could make it 
possible for them to change the color of the SideBar Shade.

I attempted several different methods, but none of them worked, and then I 
stumbled upon some code for a totally unrelated project authored by 
*Matabele* (if I remember correctly), which used $radio buttons to make a 
choice and send the value of that choice to a macro or tiddler, etc.

Well, after another two days of tinkering I figured out how to do this:


You can see it in action on this page at TiddlySpot 
.

The HTML for the above is terribly long (if I actually use it, I'll create 
and use CSS classes which will greatly shorten the code), so I'll just 
extract one of the cells for exhibit here:


Opacity : 50%
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(0,0,0,0.5); }">''@@color:black;Black 
(default)@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(255,0,0,0.5); }
">''@@color:red;Red@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(255,255,255,0.5); }
">''@@color:white;White@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(0,255,0,0.5); }
">''@@color:green;Green@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(0,0,255,0.5); }
">''@@color:blue;Blue@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(255,120,0,0.5); }
">''@@color:orange;Orange@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(255,255,0,0.5); }
">''@@color:yellow;Yellow@@''
<$radio tiddler="$:/_SBBG1" field="text" value=".tc-sidebar-scrollable 
{ background-color: rgba(138,43,236,0.5); }
">''@@color:purple;Purple@@''


Basically, I'm using one $radio button for each color, and immediately 
sending that to the *$:/_SBBG1* tiddler.

I'm sure some of you know how to concatenate strings and could clean up the 
above mess to where it would be just one set of $radio checkboxes for the 
color, and then one for the opacity, with the result then sent to  our 
*$:/_SBBG1*.

I couldn't figure out which mechanism to use, nor the syntax to do it. I 
know it would be something like this:

".tc-sidebar-scrollable { background-color: rgba(" + *valueof$radio1* 
+ *valueof$radio2* + "); }"

I'd really like to create a tab within the ControlPanel to house this (like 
some do with Theme Tweaks) and either

   - use a set of $radio  buttons (better than the above, hopefully :P)
   

   - or (optimally) if there were a color-picker that could configure and 
   output *rgba* instead of just standard colors...


Any ideas?

--Zaphod

--

[tw] Re: [TW5] Appending (Rather than Overwriting) Text into a Tiddler

2016-08-10 Thread Zaphod Beeblebrox

So sorry for the long delay in replying, but I've had to be out of town 
(and AFK) for some days...

*@Mark S.*

Hi Z
>
> My quick test suggests that the names don't have to be separated by 
> carriage returns. Try it and see.
>
> The reason it matters is that I think (not sure) it might be possible to 
> do this with the ActionListopsWidget operator without any extra-TW 
> programming IF carriage returns are not required.


Thank You for looking into this for me :) 

I may delve into that ActionListopsWidget later.

Maybe your imported tiddlers could be marked with a tag like IMPORT. Then 
> you could use the tag filter, and all your users would have to do is 
> uncheck the special IMPORT tag when they want to clear the decks. Or a 
> simple button in the sidebar could wipe out the IMPORT tag with a single 
> click.
>

I like that IMPORT idea, but I especially like the button in the SideBar to 
wipe the tag out...
 

> Hmm ... If your users are so unsavvy, how do they manage to import the 
> .JSON in the first place?
>
 
Heh heh - Trust me, some had the greatest amount of trouble (and needed 
detailed instructions) to be able to copy download links (from my former 
static-page site) and paste them into their download managers :

With the method I came up with, all they have to do is drag & drop the 
.JSON file, click "Import", then hit F5 to reload the TW (yet I still 
anticipate hand-holding will be necessary for a few).


*@PMario*

Hi Zaphod,
>
> You could tell your users, that they should just add a tag eg: default to 
> the tiddlers, they want to keep. 
> In your json file, that overwrites the Default tiddlers just add 
> [tag[default]] at the beginning or the end. -> everyone will be happy :)  
> You can overwrite the default setting. You just have to remember that you 
> need to add one extra line. 
>
> TW is based on many conventions. This is one for you and your users. 
>
> just a thought.
>
 
Thank You very much for this 'thought,' Mario!

I really like this idea a lot, and will probably end up going with it in 
the long run :)

--Zaphod

-- 
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/090d9cb5-8683-48a1-85c4-d45e445f1a5e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Hiding/Showing Background in SideBar

Hmm...  I've just had a revelation (or would that be an epiphany? :-P ) - 
The *.tc-sidebar-scrollable* is *never* going to disappear - It's the base 
on which the rest of the SideBar sits, correct?

Duhhh!

Okay, so (after I figure out what in the Stylesheet is causing the 
.tc-sidebar-header not to disappear) I wonder if there's any way to make my 
background extend all the way to the top of the viewport and also the 
right-hand edge of the tiddlers (the same as the scrollable area)?

Whew!

--Zaphod

-- 
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/8cd791b9-7d94-4ed9-bb7b-ab58829ccef0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Hiding/Showing Background in SideBar

On Friday, July 29, 2016 at 12:46:19 PM UTC-4, Mark S. wrote:
>
> Do you have an example site that we could look at?
>

No sir, I don't have anything publicly available - Here is a .rar file with 
stock TW's (last three versions) with only my current Stylesheet added, 
that you can look at to see the broken functioning: 
http://www115.zippyshare.com/v/vSyBbM8A/file.html

> When I try your sidebar style, and then hide the sidebar, the background 
> color goes away. So  that's all right?
>

Well, I just tried it with an unmodified copy of 5.1.13, and it does 
disappear when using the *.tc-sidebar-header*, but still not with the 
*.tc-sidebar-scrollable*.

I'd really rather use scrollable, though, as it looks better to me 
aesthetically, bumping up against the edge of the tiddlers.

But, this at least tells me that something else I have in the Stylesheet 
might be interfering with it...

I'll go do some more experimenting - Sorry to take up your time :blush:

--Zaphod

-- 
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/f01fe991-f346-421e-b8ed-177e324c0b4e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Appending (Rather than Overwriting) Text into a Tiddler

On Friday, July 29, 2016 at 12:18:56 PM UTC-4, Mark S. wrote:
>
> I don't follow your use case. Are both you and your users saving to the 
> same TW? How are you overriding your users DefaultTiddlers?
>

For each 'update,' I'm planning on sending out a complete TW, with all new 
posts (tiddlers) included (for those that don't wish to keep a TW around), 
and also a .json file containing just the new posts since the last update, 
for the folks who will be maintaining their own local TW.

The method I was going to use was just to include a $:/DefaultTiddlers 
tiddler containing the titles of the updated posts, so that they would 
automatically open upon a refresh of the TW after importing the .json 
file.  But after talking to my friend I see that would not work as well as 
I thought...

Why do you need to put a carriage return after each item, since it's all in 
> the DefaultTiddlers which isn't usually used for viewing lists?
>

I thought the title of each tiddler in the file needed to be on its own 
line?  eg:

[[tiddler1]]
[[tiddler2]]
[[tiddler3]]

Do your import tiddlers have anything in common? In particular, a tag? Then 
> you could just add this to the bottom of the DefaultTiddlers:
>
> [tag[MyImportedTiddlers]]
>
> and your imported tiddlers would be automatically opened when the TW is 
> opened.
>

That is a very good idea, and one that I hadn't considered at all...

But, no, they don't *ALL* share a common tag - MOST are tagged "Movie", 
some "Short Film" and then there's a handful of other tags...

Plus, if I did a match on some tag within the DefaultTiddlers file, ALL 
tiddlers with that tag would attempt to open, including others that were 
already in the users' TW...

If we were dealing with even moderately tech-savvy folks, it wouldn't be 
such a problem, but trust me, the majority of my users do well to know how 
to turn their computers on :-P - Even so, doing it the way I have 
envisioned, I will still have to write up detailed instructions for them on 
how to go into ControlPanel and delete the 'updated' tiddler titles after 
they've viewed and digested them.

--Zaphod

-- 
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/6655a07b-4a6c-426e-b7a1-2e5c5924b336%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Appending (Rather than Overwriting) Text into a Tiddler

It's me again.

Having much success with overriding my users' 
*$:/ControlPanel/DefaultTiddlers* and *forcing* my 'update' tiddlers to 
appear after import, but apparently I wasn't forward-thinking enough.  
While discussing it with one such user a few days ago, he brought up the 
point that he had several tiddlers that he liked to have appear every time 
he loads his TW, and if I 'injected' my new updates it would overwrite what 
he had there before.

So, is there a way to *append* the updated tiddler titles to the (beginning 
or end) of any titles that already exist in Defaulttiddlers ?

After a two-day search of both the group and tiddlywiki.com for 
'append-like' information all I've found of relevance.is this bit of code 
from *Jed Carty* (originally from someone else I believe, but I can't find 
the original post, now...):

\define thisAction()
<$action-setfield $tiddler=HelloThere text=
"""$(HelloThereText)$$(LearningText)$"""/>
\end

<$set name=HelloThereText value={{HelloThere}}>
<$set name=LearningText value={{Learning}}>
<$button>Test
<>




This seems to work, but what I really need is not to read from another 
tiddler, but something in the form of a tiddler that the user could open, 
and perhaps click a button, and have a predefined list of tiddler titles 
(contained in this same tiddler) that would be appended to their 
DefaultTiddlers file.

Ideally, it would also have the capacity for multiple tiddler titles, at 
least 10(?).
Also, there would need to be a way of including carriage returns so that 
each title creates a new line for itself (\n perhaps?)

Any ideas?

--Zaphod

-- 
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/27d8fad9-6acc-47fd-9a8b-15a56d691966%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Hiding/Showing Background in SideBar

Having 90% solved my background image problem *(I abandoned the idea of 
having the background change when a tiddler is opened...)*, I'm back with 
another small dilemma (this one much more minor, though :-) )

As can be guessed, I have begun using background images in my TW.

With them, however, comes a slight problem; the solid color background of 
the tiddler-frame in the Story River covers up the page background 
completely, so the text, etc. of the tiddler remains readable, but the 
transparency of the Sidebar causes its links to be unreadable with some 
lighter-colored backgrounds.  I *(after much tinkering and searching)* 
found *.tc-sidebar-scrollable* and added a 70% opaque solid-color 
background image to it:

.tc-sidebar-scrollable { background-image: url(
"https://s5.postimg.org/lyaazi9tj/Side_Bar_BGBlue070.png;); } /* SideBar BG 
Blue 70% */

It looked beautiful, and created the exact effect I was looking for, making 
the links visible yet still allowing the page background to remain visible 
enough.  (I made several of them, in different colors.)

*Edit (already!):* Discarded the use of external graphics in favor of a 
simple rgba background-color applied to either .tc-sidebar-scrollable

.tc-sidebar-scrollable { background-color: rgba(0,0,255,0.6); } /* SideBar 
BG Blue 60% */

or .tc-sidebar-header

.tc-sidebar-header { background-color: rgba(0,0,255,0.6); } /* SideBar BG 
Blue 60% */

(Thank You to *Eric Shulman* for providing the idea and syntax in This 
Thread  
:-) )

The problem: This *(external image or background-color)* has a caveat of 
its own: whenever I hide the SideBar, the background image remains and 
looks pretty bad...

How would I address this in the code?

I'm pretty sure it would take a conditional statement - I know there is a 
"yes" or "no" value attached to the SideBar, so I'd need to only have the 
background show when the value was "yes" (I see from watching it in the Dev 
Tools in Firefox that there's also a *hidden="true"* applied to 
*tc-tiddler-header* whenever the SideBar is collapsed).

I don't know the syntax, but it would be something like

.tc-sidebar-header >(when the value is "yes" or "visible") { background-
color: rgba(0,0,255,0.6); }

Help, somebody :-)

--Zaphod

-- 
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/f5864a41-1fcb-4f57-9c38-b7b67de85dcd%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-28 Thread Zaphod Beeblebrox

Alrighty, after some tinkering, here's what I've finally come up with:

!!Some Descriptive Title or 
Text of Your Choosing

<$linkcatcher to="$:/themes/tiddlywiki/vanilla/settings/backgroundimage">
<$list filter="[tag[Background]sort[title]]">
<$macrocall $name="linkimg" tiddler=<> 
image=<> tooltip=<> width="115"/>



<$link to="">
<$button>Blank Background




For any new*(er and less experienced than myself)* TW users, here's a 
general breakdown of how to incorporate it into your own TiddlyWiki, and 
how it actually works:

1. Create a tiddler for your background image.
As per the excellent instructions provided by *Birthe C* (Thank You again, 
kind Sir :) )

   - (If using my example verbatim, also tag the tiddler with "*Background*
   ")
   - Select "*JPEG image (image/jpeg)*" as the type.
   - Create the field "*_canonical_uri*" and put your external link URL in 
   this field.
   - Save the tiddler.
   - Now you are able to select your image in *$:/ControlPanel/Theme Tweaks 
   - Page background image* and it will also be available to my added 
   SideBar section.


2. Install Tobias Beer's Link Images Macro 
.
Very fine creation, and performs most nicely :)


3. Reload your TW for the macro to be recognized and initialized.


4. Create the Background Chooser *(for want of a more creative name :Þ)*

   - Create a tiddler and name it as you will.
   - *(If you want it to also appear in the SideBar, tag it with 
   "$:/tags/SideBar")*
   - Paste the code from the code box above into it.
   - Save the tiddler.


Now, any background image that is linked to from the _canonical_uri field 
of a tiddler like the one above should appear within the Background Chooser 
:)


Here is my explanation of what is going on with this *(please forgive me if 
I get some terms wrong or don't explain the concepts correctly - and feel 
free to add to or correct it :) )*:


!!Some Descriptive Title or 
Text of Your Choosing


This is just a descriptive title for the SideBar section that I wanted to 
add, with a horizontal rule below it - Feel free to edit or remove it, as 
per your wishes.


This next part begins some edited code that I borrowed from the Hello There 
Tiddler  on the main TiddlyWiki.com page:

<$linkcatcher to="$:/themes/tiddlywiki/vanilla/settings/backgroundimage">

First, the LinkCatcherWidget  is 
called and will (eventually) pass the outcome of all the other work being 
done here to *$:/themes/tiddlywiki/vanilla/settings/backgroundimage*, which 
is the tiddler responsible for displaying the background of the TW.




Next, we're creating an auto-scrolling div that's 355 pixels high (the 
height of three rows of background images, whose widths are set at 115 
pixels by the linking macro) (this works out just right for me on a 1920 x 
1024 display, with my SideBar resized to 435 pixels wide - You'll have to 
adjust the numbers to obtain the 'perfect' layout for your screen 
resolution and TW), and has a 2-pixel solid silver border, with a rounded 
ratio of 10 pixels.


<$list filter="[tag[Background]sort[title]]">

This creates a list of all the tiddlers which have the tag of "*Background*", 
and sorts them alphabetically by their titles.


<$macrocall $name="linkimg" tiddler=<> image=<
> tooltip=<> width="115"/>

This calls the linkimg macro which grabs the contents of the current 
tiddler (which is the output of the list from above), resizes each of the 
backgrounds to a width of 115 pixels, and displays them.



Close the $list.




Close the div.




Just another horizontal rule to separate the button below from the above 
section (keep or delete at your discretion).


<$link to="">
<$button>Blank Background


This button, when clicked, sends a null value ("") back to 
*$:/themes/tiddlywiki/vanilla/settings/backgroundimage*, thereby clearing 
or blanking the background.




Finally, the LinkCatcherWidget passes the value of our selected background 
image to $:/themes/tiddlywiki/vanilla/settings/backgroundimage and 
completes the process :)


NB: I prefixed the titles of the tiddlers containing my background images 
with "*$:/BG_*" so that 1) they would not appear in and clutter up the 
Recent File list of the SideBar and; 2) so that they are easy to find/edit 
from the Advanced Search.

Please don't ask me too many questions, as I *just barely* grasp what's 
being done - Tons of trial-and-error and copy/pasting went into this, but I 
believe I did learn a little from the experience, and hopefully can carry 
some of that knowledge forward :)

-- 
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

[tw] Re: [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-27 Thread Zaphod Beeblebrox

Oh, Thank You so much, Birthe! - It works beautifully :)

I just knew there had to be some simple mechanism for doing this.  I'd read 
a few posts about using _canonical_uri under TWC in other situations, but 
never thought about trying it for this...

I've now whipped up a SideBar tab using your method, some code from the Hello 
There tiddler  on the main TW site, and 
Tobias Beer's Link Images Plugin 
.  It still needs some 
tweaking to get it exactly like I want it, but thanks to you, I'm well on 
my way :)

So, do you have any ideas on how I could accomplish my other wish, of 
having the background change whenever a tiddler is opened?

I'm thinking that some form of the above method might just work.  Maybe 
with the LinkCatcherWidget.

Back to the laboratory for more experiments...

--Zaphod

On Tuesday, July 26, 2016 at 3:56:51 PM UTC-4, Birthe C wrote:
>
> Create a tiddler for the image. Give the type and create the field 
> _canonical_uri, put your external link in this field. Save the tiddler. Now 
> you are able to select your image in $:/ControlPanel/Theme Tweaks - Page 
> background image:
>
>
> Birthe
>

-- 
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/e79c1ce9-50fb-48a5-a9cf-4063947a4dc6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-26 Thread Zaphod Beeblebrox

So, after three days of searching the group, using every conceivable search 
term I could think of, pouring over numerous system and shadow tiddlers and 
even a few of the *.js files within TiddlyWiki until my eyes (literally) 
were hurting, I am no closer to finding a solution to my question.

I'm *almost* to the point of giving up on the notion of having the page 
background switch upon opening a tiddler.

Not to beat a dead horse (but I'm going to... :-P ), but it seems to me 
that it should be so simple: when the tiddler is opened, a call is made, 
either through the use of a macro or simply by calling or transcluding 
another tiddler with the URL in it (or even a field within the current 
tiddler whose value is the URL of the image), and passing that value to a 
background: url(blahblahblah); statement which would be injected into 
whatever section/tiddler/whatever that the *$:/ControlPanel/Theme Tweaks* - 
*Page 
background image* references.

I also thought about refreshing of the TW - I know I've seen where *Duarte 
Farrajota Ramos* and *Jed Carty* were hashing out the details of a method 
of having a Random Page Background 

 
on loading (which seems to work very nicely on Mr. Ramos' page, but which I 
cannot figure out how to incorporate myself), but for my purposes I really 
need it to happen on-the-fly and without having to refresh.

What happens when we switch from one *Theme* to another?  Isn't there the 
facility within that process to also change the background image of the 
page?

In This Thread 
,
 
I found:

I have an arbitrary field on several tiddlers, called bgimage. It 
> references a background image.
>
> In ViewTemplate, I have defined a macro (immediately after where 
> frame-classes is defined):
>
> \define bgstyle()
> background-image:url(<$
> transclude field='bgimage'/>);
> \end
>
> If I call <> (again, in ViewTemplate) as content of my tiddler, 
> it works like I'd expect. It pulls the value from the bgimage field and 
> writes it in.
>
Two problems with the above:

   1. I believe Mr. Maxwell is attempting to set the background of the 
   *tiddler* in this case, and not the *page*, but surely the process would 
   be similar?
   2. I cannot understand the exact layout and workings of the ViewTemplate 
   tiddler to figure out where to place his macro code in order to try this 
   for myself.


And trying to follow up on Jeremy's suggestion that I re-use the code from 
*$:/ControlPanel/Theme 
Tweaks - Page background image*: Apparently there simply is no way of 
inputting an external Internet address into this field - It will *only* 
accept the title of an *image tiddler*...

My head hurts...

--Zaphod

-- 
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/7091c43e-aa87-4b07-9aa2-33dc6f371746%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw] [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-24 Thread Zaphod Beeblebrox

No sir, it resides only on my hard drive at this time - I will send you a 
private message with a link.

--Zaphod


On Sunday, July 24, 2016 at 8:40:56 PM UTC-4, RichardWilliamSmith wrote:
>
> Hi Zaphod,
>
> Is your wiki live somewhere? Can you share a link to it?
>
> Regards,
> Richard
>

-- 
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/693f1dc6-c808-4ba4-ac09-e67a2a89f688%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw] [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-24 Thread Zaphod Beeblebrox

Greetings, Richard - Thank You for your comments/suggestions :)

On Sunday, July 24, 2016 at 1:17:15 AM UTC-4, RichardWilliamSmith wrote:
>
> Hi Zaphod,
>
> In my opinion, you will be better off using external images - meaning that 
> you serve your own copy of the images you want, but alongside the 
> tiddlywiki, not inside it.
>

This has been my aim and intention from the beginning, and also the cause 
of all my problems :P

I think this is better becasue a) it's a bit rude to load other people's 
> resources routinely (I know this isn't a huge concern these days)
>

Well, this point is the second main reason why I chose TW to be the 
platform to use for my little 'project' (the first being its single-file 
format).

I have been publishing this movie database as a (downloadable, from 
Dropbox) static webpage for a while, now, but really wanted to include 
screenshots for each movie (plus other 'features' of a Blog-like 
ecosystem), but that's not possible with the static webpage as it would 
have to load ALL the screenshots for ALL the movies when the page loaded 
(it already weighs over 2MB and takes 30-45 seconds to load), so I hit upon 
the idea of using TW as each tiddler could be its own self-contained little 
webpage, with the screenshots hidden behind a custom <$reveal> and 
<$button>, only loading if and when the user clicked on it.

c) it makes what you're trying to do easy instead of difficult.
>

Heh heh - I thought that, too, until trying to use those same 
externally-stored graphics as the background for the page :-P (well, 
specifically being able to switch them instantly)

Externalising your images using the Node configuration is really easy and 
> the instructions are on Tiddlywiki.com but I also wrote a tool, which I 
> will post to the group soon that lets you manage external images from 
> inside the single-file app. They behave like regular tiddlers but the 
> payload is external and so doesn't weigh down your file.
>

I've looked at Node.js and it seems to be more than I'd care to get into, 
plus I could never ask my (very) non-techie users to attempt using it...

BTW, 20-50kb per tiddler sounds a bit excessive - you should consider 
> having only the basics inside each record tiddler and then using template 
> tiddlers to add the fancy ui.
>

I have offloaded (I think) as much as possible, creating shortcode style 
names for many repeated styles through my Stylesheet tiddler, but I had not 
thought about template tiddlers.  Could you point me somewhere that I might 
see some practical examples of them being used?

I use a template tiddler to create the 'skeleton' movie tiddler, ready for 
data input:





http://i.imgur.com/bFw3goc.jpg; 
title="Genuine Zaphod-Rip" alt="Genuine Zaphod-Rip"> http://i.imgur.com/2Fj0Cnj.png; alt="Warner Archive Collection" title="Warner 
Archive Collection"> http://i.imgur.com/tbvCWGe.png; 
alt="20th Century Fox Cinema Archives" title="20th Century Fox Cinema 
Archives"> http://i.imgur.com/EhU4tBM.png; alt="Disney 
DVD" title="Disney DVD"> http://i.imgur.com/sSOU3JI.png; alt="Alpha Video" title="Alpha Video"> http://i.imgur.com/RBmDcu1.png; alt="Feature Films for 
Families" title="Feature Films for Families"> http://i.imgur.com/qMR8dGs.png; alt="Children's Film and Television 
Foundation (CFF)" title="Children's Film and Television Foundation (CFF)"> 
http://i.imgur.com/VPNuLyZ.jpg; alt="MGM Limited 
Edition Collection" title="MGM Limited Edition Collection"
>This Item Courtesy of
CONTRIBUTORThank You! ,,http://i.imgur.com/WgjjEap.gif;>,,

aka or Original Title
""


http://i.imgur.com/sI6cPld.png;>


TAGLINE



FIRSTWORD 


DVD Extras:

 ()
 ()
 ()
 ()
 ()





HEADER: 



  

  Origin
  Filesize
  Format
  Dimensions
  Audio
  Subtitles



  ORIGIN
   Bytes
  screen
   x 
  English
  NONE

  


<$reveal type="nomatch" state="$:/SampleRevealState3" 
text="show">

<$button class="SSB1" set="$:/SampleRevealState3" setTo="show">Screenshots


<$reveal type="match" state="$:/SampleRevealState3" text="show">

<$button class="SSB2" set="$:/SampleRevealState3" setTo="hide">
Close



Menu Screens

SCREENSHOTS GO HERE







<$reveal type="nomatch" state="$:/SampleRevealState1" 
text="show">

<$button class="BAB1" set="$:/SampleRevealState1" setTo="show">Actor(s)


<$reveal type="match" state="$:/SampleRevealState1" text="show">

<$button class="BAB2" set="$:/SampleRevealState1" setTo="hide">
Close




ACTORROLE

ACTORROLE

ACTORROLE

ACTORROLE

ACTORROLE



ADDENDUM







<$reveal type="nomatch" state="$:/SampleRevealState2" 
text="show">

<$button class="DLB1" set="$:/SampleRevealState2" setTo="show">Download Links


<$reveal type="match" state="$:/SampleRevealState2" text="show">

<$button class="DLB2" set="$:/SampleRevealState2" setTo="hide">
Close





















<$reveal type="nomatch" state="$:/SampleRevealState4" 
text="show">

<$button class="EPB1" set="$:/SampleRevealState4"

Re: [tw] [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-23 Thread Zaphod Beeblebrox

Hiya, Jeremy :)

On Saturday, July 23, 2016 at 7:57:31 AM UTC-4, Jeremy Ruston wrote:
>
> Hi Zaphod
>
> I’ll pick up the end of your comments first:
>
> Sorry in advance if my questions sound dense, but I've seen some amazing 
> things accomplished by your wonderful creation, and find it hard to believe 
> that this simple 'feat' is this hard to overcome.
>
>
> First, it’s positively encouraged to ask questions here. It’s when people 
> engage in back and forth discussion that knowledge and techniques get 
> teased out, here in the open where anyone can join in. There’s a good 
> chance that while I’m typing this somebody else will dive in with 
> ready-to-use code for the needs you describe.
>
> Secondly, addressing why this apparently simple feat is hard to achieve. 
> There’s a double whammy here: what you want to do is not directly supported 
> by the core, which means that there is no ready-to-use mechanism. The 
> second part is that what you want to do is in the domain of CSS. The 
> trouble here is that understanding CSS requires an understanding of HTML, 
> and both are quite complex. TiddlyWiki does a little to ease writing CSS, 
> but it doesn’t really attempt to hide the true, horrific nature of CSS.
>

Well, your statement about *"the true, horrific nature of CSS"* is 
certainly accurate - While being quite elegant and enabling us to do 
marvelous things, it can also be an ugly beast at times.
 

>
> So, as a beginner you’ve got the complexities of CSS/HTML and TiddlyWiki 
> multiplied together, and therefore quite a mountain to climb to implement 
> relatively complex new features.
>

I understand and can write/manipulate HTML fairly well, and have a 
*slightly-above-novice* grasp of CSS, having been digging into it for the 
past year or so.


> As I said at the beginning, there’s a good chance that someone else in the 
> community can help with your immediate needs, as they have in other 
> threads. But the best response to the situation may be to keep on digging 
> into TiddlyWiki, and learn as much as you can by example :)
>
> Anyhow, in particular, you’ll need to understand transclusion, and the way 
> that it is used in stylesheets to fully implement the solution. But a key 
> part is that the CSS syntax for using an external image as a background is 
> different;
>
> background-image: url(http://www.example.com/bck.png);
>
> So, if you’ve got the image URL readily accessible, it’s pretty easy to 
> set the background colour for an element.
>

Yes, this has been no problem - I have several different background images 
in my Stylesheet that I have been using for testing (all but the current 
one commented out (/*)) and can switch them by editing the commenting 
notation.

But, I'm still not able to get that same result from the ControlPanel 
section - It will accept and display any *tiddler* with a base64-encoded 
image inside, but I cannot understand how to feed it a URL to an external 
image???

Also --and something I didn't realize until just now-- whenever I have a 
background image selected through the ControlPanel/Theme Tweaks, it 
overrides any that I have declared in my Stylesheet.  I assumed up until 
now that the Stylesheet tiddler was 'the last word' as far as CSS 
customization was concerned, overriding everything else...

--Zaphod


> 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+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/f6844e4a-cf00-4ace-870a-a2164f815154%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Exporter and Open by Tag

2016-07-22 Thread Zaphod Beeblebrox

So sorry for the late reply, Jan - I had saved the email with the link to 
your post in my email program (Thunderbird), but it got hidden under other 
emails and I'm just getting to it, now...

Thank You so much for your continued development on this issue :)

This is looking better all the time.

I have seen a couple of other posts concerning the odd behavior with the 
text field entry - I don't remember exactly what the cause was, but it had 
something to do with some other element taking focus away from the field 
(perhaps the <$List> button you're using?).  That seems to be what's 
happening here.  It doesn't really bother me that much (once you know 
that's how it works, you get used to it ;) ), and I imagine there's a 
relatively simple fix for it.

--Zaphod

On Monday, July 18, 2016 at 6:39:18 PM UTC-4, Jan wrote:
>
> Hallo, 
> I just have build an Exporttool for the Sidebar which is able to export 
> by user-name and to export the current story. 
> And because it may also be helpful to export a certain tag, I 
> implemented a function to open tiddlers by tag in the story. 
>
> The only issue is that the inputfields are a little slow to react. I do 
> not know yet how to change this, help and comments are appreciated. 
>
> Cheers Jan 
>

-- 
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/1748b35b-25af-4d2b-a798-4cd9c4c1fbcb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw] [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-22 Thread Zaphod Beeblebrox

Thank You so much for the quick reply, Jeremy :)

On Friday, July 22, 2016 at 6:44:49 AM UTC-4, Jeremy Ruston wrote:
>
> Hi Zaphod
>
> This is for a movie database of sorts that I'm working on. Each tiddler is 
> a different movie, with synopsis, screenshots, posters/dvd covers, etc. 
> Today I would like to accomplish two things:
>
>- Have a pre-selected screenshot come up as the background image for 
>the page whenever the tiddler is opened;
>
> This is a complicated requirement, and not easy to achieve. There’s 
> nowhere else in the core or elsewhere that we have a similar technique of 
> making a global style change in response to a particular tiddler being 
> opened.
>
> The approach I would suggest would be to use the current tiddler field of 
> the $:/HistoryList tiddler to transclude an image tiddler. You’d have to 
> arrange the titles of the image tiddlers to be related to the titles of the 
> tiddlers you’re viewing (eg adding `-image` on the end).
>

I've had a look at the $:/HistoryList tiddler *(and while investigating it 
I find that the "colours" tiddler from my previous example was a JSON 
tiddler (hence the quotation-mark formatting)*, but I'm no closer to a 
solution - I'd need more detailed instruction to implement your suggestion.

>- Also have a drop-down list available (perhaps in the SideBar) with 
>links to external graphics (the pre-selected screenshots from all/most of 
>the movies, listed as the movie's title) that the user can choose from and 
>it will immediately become the background image of the page.
>
> That’s a good deal easier - you can see something very similar in the 
> Theme Tweaks tab of Control Panel. You can copy the code from there and 
> just modify the filter of images to limit it to your screenshot tiddlers.
>
> Okay, now this looks much more do-able (or so I thought...).

Just been playing with the 
*$:/themes/tiddlywiki/vanilla/settings/backgroundimage*, and while it can 
pick up and display any internal graphics that are stored in base64 format 
tiddlers within the TW, I need to access external images from the Internet. 
Once in use, the TW will have well over 1000 tiddlers with heavy use of 
html (each 'movie' tiddler weighs between 20-50kb), and with screenshots of 
20-100kb each (that grow exponentially once converted to base64), it's just 
not feasible to store them as tiddlers.

I have tried directly inserting the image address, using "
*[img[ImageAddress]]*", html "**" and also creating 
a tiddler with any of the above in it and using its title, but none of them 
seem to work...

Help me to understand - What --exactly-- makes the 
*$:/themes/tiddlywiki/vanilla/settings/backgroundimage* tiddler work like 
it does, enabling it to globally change the background immediately?
And by extension, why can't we use it by setting its value (a link to an 
external image), just as is done through the ControlPanel section, only 
from within each 'movie' tiddler when that tiddler is opened?

Sorry in advance if my questions sound dense, but I've seen some amazing 
things accomplished by your wonderful creation, and find it hard to believe 
that this simple 'feat' is this hard to overcome.

--Zaphod

-- 
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/0eb6255a-18b6-4504-9919-2afeafa5cc79%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] Transcluding(?)/Injecting Background Image Declaration into Stylesheet

2016-07-21 Thread Zaphod Beeblebrox



Forgive me in advance if I seem to be rambling, I have several questions 
today, but I think they are all tied together.


I stumbled upon tw5gray , a 2-3 -year-old 
TW (5.0.5 beta) the other day and was intrigued by the author's method of 
setting colors, etc through the use of (transcluding? (I've still not 
wrapped my head around that whole area of TW, yet)) values into other, 
individual tiddlers. I've since discovered that this is apparently the 
common practice that Jeremy uses to change some of the settings through the 
stock Control Panel (but it still looks like Black Magic to me :) ). *(As 
an aside, the thought occurred to me that this might be the ideal way to 
construct a Theme Constructor (for lack of a better name), whereby all the 
little nit-picking aspects of the interface could be displayed and 
changed?)*


The author has several *$:/themes/grayeul/etch/???* tiddlers, each with 
values for different parts of the interface, *base*, *colourmappings*, 
*colours*, *settings* and *tooltips.* I took just the *colours* tiddler and 
recreated it in my TW for testing:


{
  "primary": "#00",
  "background": "#fff",
  "foreground": "#333",
  "pagebackground": "#ececec",
  "medium": "#bbb",
  "hoverbut": "blue"
}



The changes are made through a *$:/ControlPanel/ThemeTweaks* tiddler which 
contains what looked to be very simple ** entries:


! Base Colours

* Primary colour: <$edit-text
tiddler="$:/themes/grayeul/etch/colours"
index="primary"
type="color"
default=""
tag="input"/>
* Background colour: <$edit-text
tiddler="$:/themes/grayeul/etch/colours"
index="background"
type="color"
default=""
tag="input"/>
* Foreground colour: <$edit-text
tiddler="$:/themes/grayeul/etch/colours"
index="foreground"
type="color"
default=""
tag="input"/>
* Page background colour: <$edit-text
tiddler="$:/themes/grayeul/etch/colours"
index="pagebackground"
type="color"
default=""
tag="input"/>
* Medium contrast color: <$edit-text
tiddler="$:/themes/grayeul/etch/colours"
index="medium"
type="color"
default=""
tag="input"/>


I tried substituting the original settings with some simple CSS settings of 
my own, from my Stylesheet tiddler and pointing the 
*$:/ControlPanel/ThemeTweaks* output to be my Stylesheet tiddler, thinking 
it would/could overwrite parts of the original. Well, it worked, after a 
fashion: the new data was indeed written into the Stylesheet tiddler, but 
at the cost of overwriting *everything else* that it originally contained! 
Every time I made a single change, the new data entry just wiped out 
whatever was in the tiddler to begin with and the new Stylesheet file had 
only one line, the last one I had edited...


I went back and looked at the structure of the 
*$:/themes/grayeul/etch/colours* file and saw that items were enclosed in 
quotation marks, denoting some sort of a structured index, but try as I 
might, I cannot decipher it enough to add my own values, especially the one 
I'm most interested in right now, the *background* property.


If I leave it intact as the author created it, it seems to work fine, 
allowing me to change any/all of the six entries that are in it. I just 
cannot add any of my own.


This is for a movie database of sorts that I'm working on. Each tiddler is 
a different movie, with synopsis, screenshots, posters/dvd covers, etc. 
Today I would like to accomplish two things:

   - Have a pre-selected screenshot come up as the background image for the 
   page whenever the tiddler is opened;
   - Also have a drop-down list available (perhaps in the SideBar) with 
   links to external graphics (the pre-selected screenshots from all/most of 
   the movies, listed as the movie's title) that the user can choose from and 
   it will immediately become the background image of the page.

Please tell me that there is a way to 'inject' the background image 
declaration into either the Stylesheet tiddler, or if worst comes to worst, 
I can create stylesheet-tagged tiddlers –one for each screenshot that I 
want to use as a page background– with a link to the external screenshot, 
as long as they will override whatever background might have been on the 
page before.

-- 
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/44e455b8-e868-42d1-845e-7037391f733c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [Concept] Aggregated stylesheets

2016-07-16 Thread Zaphod Beeblebrox

Thank You for the suggestion, Mark :)

Yes, I'm fairly familiar with the Developer's Console in both Firefox and 
Chrome, I'm just not very proficient at using it :-P

I was hoping someone had done a 'demonstration' type thing somewhere that I 
could readily access to see all the different parts that make up the 
interface.

I'll keep plugging away until I figure it out :)

--Zaphod


On Friday, July 15, 2016 at 2:10:25 PM UTC-4, Mark S. wrote:
>
>
> You probably already know this, but if you are in Firefox (and Chrome, I 
> think) you can right click on a piece of text and choose "inspect element". 
> Then a little console will open up below allowing you to work out the 
> current classes of the selected object.
>
> There's a nice little image of styles in TW that someone has posted 
> somewhere. Wish I had kept the URL. Maybe someone will come forward?
>
> Mark
>
>
> On Friday, July 15, 2016 at 10:58:21 AM UTC-7, Zaphod Beeblebrox wrote:
>>
>> So has anyone delved further into this idea?
>>
>> I agree that the 'modular' style of discrete tiddlers does naturally lead 
>> to the idea of aggregation of style elements.
>>
>> I would love to see such an implementation incorporated into the core of 
>> TW, whereby we would be able to style more individual parts of the wiki.
>>
>> This also leads me back to something I've been searching for (in vain): a 
>> (complete, exhaustive?) listing of all the parts that make up the 
>> interface; the tiddler, the SideBar, etc.  Maybe a presentation showing the 
>> elements with their CSS names (.tc-tiddler-*whatever*) with different 
>> color backgrounds for each element so they can be easily separated and 
>> identified.  This in itself would make the task of creating more varied 
>> designs and maybe even Themes that much easier.
>>
>> --Zaphod
>>
>

-- 
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/80ec5cd4-1ee1-4e0d-b4e6-883c817dffb3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [Concept] Aggregated stylesheets

2016-07-15 Thread Zaphod Beeblebrox

So has anyone delved further into this idea?

I agree that the 'modular' style of discrete tiddlers does naturally lead 
to the idea of aggregation of style elements.

I would love to see such an implementation incorporated into the core of 
TW, whereby we would be able to style more individual parts of the wiki.

This also leads me back to something I've been searching for (in vain): a 
(complete, exhaustive?) listing of all the parts that make up the 
interface; the tiddler, the SideBar, etc.  Maybe a presentation showing the 
elements with their CSS names (.tc-tiddler-*whatever*) with different color 
backgrounds for each element so they can be easily separated and 
identified.  This in itself would make the task of creating more varied 
designs and maybe even Themes that much easier.

--Zaphod

-- 
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/99f106de-0c96-4b50-b6c5-a14b7a426693%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw] Re: Exporting a list of tiddlers

2016-07-10 Thread Zaphod Beeblebrox

Well, that is very handy indeed, WiM! - Thank You :)

--Zaphod


On Friday, July 8, 2016 at 11:40:52 PM UTC-4, wimm wrote:
>
> Zaphod, I like your idea to open the new tiddlers when you import an 
> update. To automatically fill $:/DefaultTiddler from the story river you 
> could use
>
> <$button><$action-setfield $tiddler="$:/DefaultTiddlers" field="text" 
> text={{$:/StoryList!!list}}/>init $:/DefaultTiddlers with all tiddlers in 
> story river
>
> I've added this button to my sidebar  in the Open tiddlers tab. Mayb later 
> I'll add it to the icons tags/pagecontrol, but then I'll have to design an 
> svg icon. We'll see
>
> Or you can use a tiddler to generate the links all surrounded with double 
> square brackets
> <$list filter="your filter"><$text text="[["/><$view field="title"/><$text 
> text="]]"/>
>
> Njoy
> WiM
>

-- 
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/4b0c4a0a-ca8e-4dc4-a920-2f02327446e6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] :hover styling of the $button?

2016-07-08 Thread Zaphod Beeblebrox

Oh, Thank You so much, Birthe! :)

I had a space in there that was throwing things off...

--Zaphod


On Friday, July 8, 2016 at 9:37:51 AM UTC-4, Birthe C wrote:
>
> Did you try: 
> .Butt1:hover { background-color: #00; } /* For Testing Only */
>
> It worked for me in Firefox.
>
> Birthe
>
> Den fredag den 8. juli 2016 kl. 15.04.10 UTC+2 skrev Zaphod Beeblebrox:
>>
>> I've checked it out in the dev console (not always my greatest ability, 
>> but I'm learning :) ), and really don't find anything, that is, nothing 
>> that would be preventing it from working.  There is no inherited 
>> background-color style from any of the parent elements that could be 
>> interfering.
>>
>> After getting some sleep last night, I looked at the problem with fresh 
>> eyes this morning - I had been concentrating on directly styling the 
>> *$button* itself (from within my html in the tiddler), when (I think) a 
>> better solution would be to set up a class in the CSS (which will also cut 
>> down on the amount of repeated code :) ), so I moved everything into the 
>> Stylesheet;
>>
>> .Butt1 {
>>   width: 100%;
>>   background-color: #F778A1;
>>   border: none;
>>   color: white;
>>   padding: 5px 20px;
>>   text-align: center;
>>   text-decoration: none;
>>   display: block;
>>   font-size: 28px;
>>   border-radius: 10px;
>>   margin: 5px 0;
>>   margin-left: auto;
>>   margin-right: auto;
>> }
>>
>> .Butt1 a:hover { background-color: #00; } /* For Testing Only */
>>
>> .Butt2 {
>>   width: 100%;
>>   background-color: #E9AB17;
>>   border: none;
>>   color: white;
>>   padding: 5px 20px;
>>   text-align: center;
>>   text-decoration: none;
>>   display: block;
>>   font-size: 28px;
>>   border-radius: 10px;
>>   margin: 5px 0;
>>   margin-left: auto;
>>   margin-right: auto;
>> }
>>
>> .Butt2 a:hover { background-color: #E9AB17; } /* For Testing Only */
>>
>> but I'm still no closer to the solution.
>>
>> I've tried *:hover* by itself, and *a:hover*, but neither cause any 
>> change to the background-color on mouseover.
>>
>> So, I'm still stumped...
>>
>> --Zaphod
>>
>>
>> On Friday, July 8, 2016 at 4:09:24 AM UTC-4, PMario wrote:
>>>
>>> Hi Zaphod, 
>>>
>>> On Thursday, July 7, 2016 at 11:05:41 PM UTC+2, Zaphod Beeblebrox wrote:
>>>>
>>>> Any ideas?
>>>>
>>>
>>> I didn't do any tests. ... but did you open the dev console F12 and have 
>>> a look, if your css is applied to the inner a element. 
>>> That's the first thing I'd test. 
>>>
>>> -m 
>>>
>>>

-- 
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/bd5e1f2d-ab56-4e73-bdcd-de43ed9d61b5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] :hover styling of the $button?

2016-07-08 Thread Zaphod Beeblebrox

I've checked it out in the dev console (not always my greatest ability, but 
I'm learning :) ), and really don't find anything, that is, nothing that 
would be preventing it from working.  There is no inherited 
background-color style from any of the parent elements that could be 
interfering.

After getting some sleep last night, I looked at the problem with fresh 
eyes this morning - I had been concentrating on directly styling the 
*$button* itself (from within my html in the tiddler), when (I think) a 
better solution would be to set up a class in the CSS (which will also cut 
down on the amount of repeated code :) ), so I moved everything into the 
Stylesheet;

.Butt1 {
  width: 100%;
  background-color: #F778A1;
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 28px;
  border-radius: 10px;
  margin: 5px 0;
  margin-left: auto;
  margin-right: auto;
}

.Butt1 a:hover { background-color: #00; } /* For Testing Only */

.Butt2 {
  width: 100%;
  background-color: #E9AB17;
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 28px;
  border-radius: 10px;
  margin: 5px 0;
  margin-left: auto;
  margin-right: auto;
}

.Butt2 a:hover { background-color: #E9AB17; } /* For Testing Only */

but I'm still no closer to the solution.

I've tried *:hover* by itself, and *a:hover*, but neither cause any change 
to the background-color on mouseover.

So, I'm still stumped...

--Zaphod


On Friday, July 8, 2016 at 4:09:24 AM UTC-4, PMario wrote:
>
> Hi Zaphod, 
>
> On Thursday, July 7, 2016 at 11:05:41 PM UTC+2, Zaphod Beeblebrox wrote:
>>
>> Any ideas?
>>
>
> I didn't do any tests. ... but did you open the dev console F12 and have a 
> look, if your css is applied to the inner a element. 
> That's the first thing I'd test. 
>
> -m 
>
>

-- 
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/d4b4db67-ec2c-4aec-aa5f-4a1a74167a03%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: floating images, again.. TW5

This is probably already covered by Mario's HowTo, but my karma just 
wouldn't be satisfied unless I mentioned it :-P

Your 'width' declaration should be "width: 250;" instead of "width=250;" 
(that's old-school HTML, not proper CSS, and I *think* it'll make a 
difference)

I'm currently battling with image floats myself, but I really wanted to go 
the route of using Flexbox, as it's so much more versatile, but I can't get 
it to do what I want it to... :-(

--Zaphod


On Wednesday, July 6, 2016 at 1:57:31 PM UTC-4, Shay Shaked wrote:
>
> Hi guys, this is a confusing topic and I saw several entries in this 
> forum. 
>
> I want to have an image floating to the left, but ALSO define a margin (so 
> the text doesn't "touch" the image) and also resize is to 250px. 
>
> I created this in the stylesheet: 
> .img-left { float: left; margin-right: 0.5em; width=250; }
>
> in the body of the tidler, I guess I need to include[ img class=img-left; 
> [img[(link here)]], but it doesn't seem to "catch", the image takes the 
> whole width and seem to ignore my CSS. 
>
> To make things more complicated (why not) there's an annoying "gap" at the 
> bottom of floating images, almost a whole line, before the text starts. I'd 
> like to illiminate it, unless I include a caption, which I usually use 
> upper text ^^ for. Can anyone help me with getitng TW to figure out the 
> CSS? 
>

-- 
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/78723e80-8a5b-454b-986b-8ea8f2e42843%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] [TW5] :hover styling of the $button?

I've done some extensive CSS styling of the $button to create custom looks, 
but I can't figure out how to add a :hover element to it so that the 
background-color will change on mouseover (I'm probably just overlooking 
something incredibly simple, as my brain is fried at the moment from other 
complicated hoops I've been jumping through to whip my TW into what I want 
it to look like...).

Here's one of the buttons, so you can see what I've already done:


<$reveal type="nomatch" state="$:/SampleRevealState3" 
text="show">

<$button style="width: 100%; background-color: #F778A1; border: none; 
color: white; padding: 5px 20px; text-align: center; text-decoration: none; 
display: block; font-size: 28px; border-radius: 10px; margin: 5px 0; 
margin-left: auto; margin-right: auto;" set="$:/SampleRevealState3" 
setTo="show">
Screenshots



<$reveal type="match" state="$:/SampleRevealState3" text="show">

<$button style="width: 100%; background-color: #E9AB17; border: none; 
color: white; padding: 5px 20px; text-align: center; text-decoration: none; 
display: block; font-size: 28px; border-radius: 10px; margin: 5px 0; 
margin-left: auto; margin-right: auto;" set="$:/SampleRevealState3" 
setTo="hide">
Close











CSS from Stylesheet:
.Container { width: 100%; }

.SSButton { margin-left: auto; margin-right: auto; }

.SSButtonInner { text-align: center; background-color: #FFFACD; padding: 
5px; }
.SSButtonInner a { font-family: "Tahoma", "Geneva", sans-serif; }
.SSButtonInner a:link { font-weight: bold; color: #FF; }
.SSButtonInner a:visited { color: #FF; }
.SSButtonInner a:hover { background-color: #E9AB17; }



Any ideas?

--Zaphod

-- 
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/d8846dcb-3671-4a41-b226-88c1097f2006%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw] Re: Exporting a list of tiddlers

Well, that works slicker than snot on a doorknob!

And even with the ability to input how many tiddlers you'd like to export :)

Thank You, Sir :)

--Zaphod


On Wednesday, July 6, 2016 at 6:21:57 PM UTC-4, Jan wrote:
>
> Hi Zaphod, 
> I made a new version with the exportbutton. It is all so easy if you know 
> the correct spell. I renamed the tiddlers to avoid that they export 
> themselves.
> Cheers!
> Jan
>
>
> Am 06.07.2016 um 23:44 schrieb 'Mark S.' via TiddlyWiki:
>
> If you go into the filter tab under "advanced search" and enter a valid 
> filter, a little export (up arrow) icon will appear next to the search box. 
> Look closely -- it can be very hard to see.  Click on that and you will be 
> offered the chance to download a csv file, an html file, a json file, or a 
> tiddler file.
>
> Unfortunately, if you choose to download as tiddlers, only ONE of the 
> target tiddlers will be exported.
>
> Mark
>
> On Wednesday, July 6, 2016 at 7:35:10 AM UTC-7, Jan wrote: 
>>
>> Hi Zaphod, 
>> This is a question for the Wizards...and a very useful modification.
>> Perhaps we put it up in the forum as a new Topic.
>> If anyone more skilled reads this, 
>> What is the syntax to export Tiddlers with the download-message to 
>> something else than .html?
>>
>> Cheers Jan
>>
>> Am 06.07.2016 um 16:22 schrieb Zaphod Beeblebrox:
>>
>> Ah, I see, now - I tried dragging the link from here onto the TW, but 
>> never got the Import ribbon...
>>
>> Very clean and smooth - Thank You :)
>>
>> Is there a way to have it export to .json, though? I'm afraid that some 
>> of my less technically-inclined users would (do what I just did :-P ) try 
>> to bring up the .html file in their browser, instead of importing it.
>>
>> --Zaphod
>>
>>
>> On Wednesday, July 6, 2016 at 10:00:07 AM UTC-4, Jan wrote: 
>>>
>>> Hi Zaphod,
>>> The html contains the exported tiddlers. Drag it onto a Tiddlywiki to 
>>> import and test it.
>>> I t installs an exporter in a sidebar tab which exports a chosen number 
>>> of tiddlers ( again in html format...) which can then be dragged to other 
>>> Tws...
>>> Cheers Jan.
>>>
>>>
>>> Am 06.07.2016 um 15:08 schrieb Zaphod Beeblebrox:
>>>
>>> Thank You, Jan, but I'm not quite sure what it is...?
>>>
>>> I downloaded it, but upon bringing it up in either Firefox or Chrome, 
>>> all I get is a blank white page.
>>>
>>> --Zaphod
>>>
>>>
>>> On Monday, July 4, 2016 at 2:43:03 PM UTC-4, Jan wrote: 
>>>>
>>>> Hi,
>>>> I made a little thing wich allows to export a chosen number of tiddlers 
>>>> last modified by the current user as an html file.
>>>> (Not a jason-file as you intended, but it works the same way...)
>>>> My aim was also to make collaboration a bit more easy so I called it 
>>>> Export for Teamwork.
>>>> I hope it helps for your usecase.
>>>> To make it work in the sidebar it was best to transclude it into 
>>>> another tiddler tagged $:/tags/SideBar.
>>>> If you do not want it in the sidebar you can delete it.
>>>>
>>>> Cheers,
>>>> Jan
>>>>
>>>> -- 
>>> 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/2f1b9f42-6945-421a-b334-a24d28ee0f69%40googlegroups.com
>>>  
>>> <https://groups.google.com/d/msgid/tiddlywiki/2f1b9f42-6945-421a-b334-a24d28ee0f69%40googlegroups.com?utm_medium=email_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+...@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://

[tw] Re: Exporting a list of tiddlers