Re: [tw5] Some coding fun: A Word Occurrence Highlighter

2022-06-28 Thread arun babu 
I was too busy at work yesterday. So I didn't get time to test it. Now only 
got time to check it. Will come back here after testing for sometime.


On Monday, June 27, 2022 at 6:52:16 AM UTC+5:30 cj.v...@gmail.com wrote:

> That is way too long to explain.
>
> Here's a start for you to work with (attached.)  Download and drag into 
> TiddlyWiki.com 
>
>
>
> On Sunday, June 26, 2022 at 4:53:45 PM UTC-3 arunn...@gmail.com wrote:
>
>> \define lingo-base() $:/language/TiddlerInfo/
>> <$list filter="[all[current]backlinks[]sort[title]]" emptyMessage=<> References/Empty>> template="$:/core/ui/ListItemTemplate">
>> 
>>
>> This is the reference tiddler in the info section.
>> How should i modify it?
>>
>> On Mon, Jun 27, 2022 at 1:09 AM Charlie Veniot  wrote:
>>
>>> I suggest you consider creating a custom tab in info instead of 
>>> modifying the existing one.  Less risky when upgrading TiddlyWiki.
>>>
>>> On Sunday, June 26, 2022 at 4:38:36 PM UTC-3 Charlie Veniot wrote:
>>>
 G'day,

 I can't see any reason why not.  Looks easy enough to setup.



 On Sunday, June 26, 2022 at 4:04:02 PM UTC-3 arunn...@gmail.com wrote:

> Hi Charlie, 
>
> Can this be modified to be used be in the backlinks section. I would 
> like the linked words to be highlighted in all the backlink tiddlers. 
>
> Arun.
>
> On Sunday, August 29, 2021 at 11:14:57 PM UTC+5:30 Mohammad wrote:
>
>> Very nice!
>> I would suggest adding a little documentation!
>> I also like to add this to the standard TW search!
>>
>>
>>
>> Best wishes
>> Mohammad
>>
>>
>> On Sun, Aug 29, 2021 at 9:09 AM Charlie Veniot  
>> wrote:
>>
>>> Drag the attached to https://tiddlywiki.com/ to import the single 
>>> tiddler.
>>>
>>> This bit of coding fun inspired by the Highlighting duplicates in 
>>> lists  
>>> discussion thread.
>>>
>>> My kind of "BrainAge" game.
>>>
>>> -- 
>>> 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 view this discussion on the web visit 
>>> https://groups.google.com/d/msgid/tiddlywiki/8a18f276-3136-42f8-b4b6-5c13f532fe0cn%40googlegroups.com
>>>  
>>> 
>>> .
>>>
>> -- 
>>>
>> You received this message because you are subscribed to a topic in the 
>>> Google Groups "TiddlyWiki" group.
>>> To unsubscribe from this topic, visit 
>>> https://groups.google.com/d/topic/tiddlywiki/XWwQnUgHd-g/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to 
>>> tiddlywiki+...@googlegroups.com.
>>> To view this discussion on the web visit 
>>> https://groups.google.com/d/msgid/tiddlywiki/46a27fde-2545-44b5-87b8-d7a72eb5e99dn%40googlegroups.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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/0d9a2144-3fe7-4ab0-8f5c-53bd4a0043b8n%40googlegroups.com.

[tw5] Re: How to change the color of Tw icons

2022-06-28 Thread Xabriña 
Hello Mario.

It is clear to me from the explanation you have given me that there is no 
choice but to use CSS and macros, and I appreciate you taking the trouble 
to leave me the files with the solution already prepared.

>From what I see in the end, I have no choice but to either take the path 
that you have indicated, and that I was trying to avoid due to my 
programming limitations, or find a way to adjust the size of the icons that 
interest me and put them directly and then with the method that Eric told 
me to change the color to the one I need.

Thank you very much!!!

El martes, 28 de junio de 2022 a las 8:18:22 UTC+2, PMario escribió:

> On Monday, June 27, 2022 at 11:12:46 PM UTC+2 Juan Palomo wrote:
>
>> One more question. I have tried to modify the size of the icon since it 
>> is larger than I want and I cannot find the parameter to adjust it.
>> I have tried the following formula but it seems that it is not correct:
>>
>> @@fill:blue; width:1em; height: 1em; {{$:/core/images/tip}}@@
>
>
>
> That doesn't work that way, since the height and width are directly 
> defined in the SVG element. You need to do the following. 
>
> Create 2 tiddlers eg: my-styles and my-macros
>
> ```
> title: my-styles 
> tags: $:/tags/Stylesheet
> code-body: yes
>
> .my-icon svg {
> height: 1em;
> }
> ```
>
> ```
> title: my-macros
> tags: $:/tags/Macro
> code-body: yes
>
> \define my-icon(title) <$transclude 
> tiddler=<<__title__>>/> 
> ```
>
> Call the macro with: `<>` ... That should do 
> the trick. 
>
> The first tiddler my-styles defines a CSS stylesheet, that allows you to 
> define the hight of the SVG element. Since it keeps the aspect ratio, it 
> will scale properly if you only change hight. 
>
> The second tiddler defines a macro named: my-icon, that covers the SVG 
> inside an HTML SPAN element and defines it's class="my-icon". Which allows 
> the browser to assign the CSS stylesheet settings. 
>
> I did add a little ZIP file that contains a JSON file, which can be drag & 
> drop imported into a wiki. You can test it with tiddlywiki.com. It should 
> work there since I did mace the macros with it. 
>
> have fun!
> mario
>
>
>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/986237e3-442f-4355-a146-84693ebee497n%40googlegroups.com.

[tw5] Re: How to change the color of Tw icons

2022-06-28 Thread TiddlyTweeter 
PMario: "That doesn't work that way, since the height and width are 
directly defined in the SVG element. You need to do..."

That is a very nice solution to the SVG "change-dimensions" issue using a 
"class"!

TT

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/9f951955-9ee3-486b-beac-b4fbc4c85c93n%40googlegroups.com.

[tw5] Re: How to change the color of Tw icons

2022-06-28 Thread PMario 
On Monday, June 27, 2022 at 11:12:46 PM UTC+2 Juan Palomo wrote:

> One more question. I have tried to modify the size of the icon since it is 
> larger than I want and I cannot find the parameter to adjust it.
> I have tried the following formula but it seems that it is not correct:
>
> @@fill:blue; width:1em; height: 1em; {{$:/core/images/tip}}@@



That doesn't work that way, since the height and width are directly defined 
in the SVG element. You need to do the following. 

Create 2 tiddlers eg: my-styles and my-macros

```
title: my-styles 
tags: $:/tags/Stylesheet
code-body: yes

.my-icon svg {
height: 1em;
}
```

```
title: my-macros
tags: $:/tags/Macro
code-body: yes

\define my-icon(title) <$transclude 
tiddler=<<__title__>>/> 
```

Call the macro with: `<>` ... That should do 
the trick. 

The first tiddler my-styles defines a CSS stylesheet, that allows you to 
define the hight of the SVG element. Since it keeps the aspect ratio, it 
will scale properly if you only change hight. 

The second tiddler defines a macro named: my-icon, that covers the SVG 
inside an HTML SPAN element and defines it's class="my-icon". Which allows 
the browser to assign the CSS stylesheet settings. 

I did add a little ZIP file that contains a JSON file, which can be drag & 
drop imported into a wiki. You can test it with tiddlywiki.com. It should 
work there since I did mace the macros with it. 

have fun!
mario


-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/52846b77-69f7-44b3-8877-5a8af313dfc4n%40googlegroups.com.
<>