Thanks for your suggestions. But doesn't Font Awesome require an online
connection in order to work? If it does then I think that the CSS route
would be the way to go, if only I could get it to point to an internal SVG
image.
input {
background-image: url(bg.jpg);
background-repeat: no-repeat;
text-indent: 20px;
}
On Thursday, 22 March 2018 17:19:02 UTC, Matthew Lauber wrote:
>
> You could also consider if any of the font-awesome icons would work for
> your purposes, because I believe you can use those within the placeholder
> field.
>
> On Thursday, March 22, 2018 at 1:17:27 PM UTC-4, Matthew Lauber wrote:
>>
>> Hey Hubert,
>>
>> I'm not sure that default html supports using a svg image in the
>> placeholder field of the input box. I'm pretty sure that this affect is
>> typically implemented via css. Take a look at
>> https://stackoverflow.com/questions/13761654/html5-image-icon-to-input-placeholder
>>
>> to see how someone was implementing putting a magnifying glass in a text
>> box.
>>
>> I did try the following, which got the html for the svg into the
>> placeholder field, but as you can see, it doesn't render as html, but as
>> plain text.
>>
>> <$wikify name="temp" text="[img width='12' [Motovun Jack.svg]] bla bla
>> bla" output="html">
>>
>>
>> <$edit-text tiddler='$:/value' field='note' placeholder=<<temp>> />
>> </$wikify>
>>
>>
>>
>>
>> On Thursday, March 22, 2018 at 12:14:19 PM UTC-4, hubertgk wrote:
>>>
>>> Hi,
>>>
>>> I'm trying to place a local (non-URL'ed) SVG image in a placeholder of a
>>> text
>>> input field
>>> <https://tiddlywiki.com/#EditTextWidget:EditTextWidget+HelloThere+GettingStarted+Community>
>>>
>>> but it doesn't get 'wikified'.
>>>
>>> One workaround I've tried was to define a background image using CSS,
>>> however this doesn't seem to work with internal images.
>>>
>>> Example code:
>>>
>>> <$edit-text tiddler='$:/value' field='note' placeholder='[img width=12
>>> [image.svg]] Bla bla bla'/>
>>>
>>> I'd appreciate ideas how to solve this. Thank you!
>>>
>>> Regards,
>>> Hubert
>>>
>>>
--
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 [email protected].
To post to this group, send email to [email protected].
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/afade294-8356-4c74-b3f1-d134f02b8a79%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
