I am currently implementing a form in my *TiddlyWiki Classic <http://classic.tiddlywiki.com/>* using the *FormTiddlerPlugin <http://tiddlywiki.abego-software.de/#FormTiddlerPlugin>*. So far I have been really pleased, I can use the *ForEachTiddlerPlugin <http://tiddlywiki.abego-software.de/#ForEachTiddlerPlugin>* to pull up lists of tiddlers and the *AutoRefreshPlugin <http://tiddlywiki.abego-software.de/#AutoRefreshPlugin>* to make those lists update whenever any of the data tiddlers change. For details, see the *Example* section below.
The problem I have is that I have a few fields where the content could be quite small (one line) or could be quite large (several paragraphs). At the moment, I am using the standard *textarea*, so I have to set the area to be big enough for the largest content I might have, leaving the box using up far more space than is necessary for entries with little information. Looking around the net, it looks like the best solution for auto expanding text areas is *ExpandingTextareas <https://github.com/bgrins/ExpandingTextareas>* based on *Expanding Text Areas Made Elegant <http://alistapart.com/article/expanding-text-areas-made-elegant>*. Sadly no-one, as far as I can tell, has integrated *ExpandingTextareas *with *FormTiddlerPlugin *on TiddlyWiki. What I've tried Initially, I tried taking the *expanding.js *from *ExpandingTextareas*, copying the text into an *ExpandingTextAreasJQueryPlugin *tiddler and giving that tiddler the *systemConfig *tag, but after doing this, changing <textarea name=Background rows="1" cols="40" > to <textarea class='expanding' name=Background rows="1" cols="40" > as suggested in the documentation, didn't have any effect. I then tried to follow *Leveraging jQuery and jQuery plugins in TiddlyWiki <http://hawksworx.com/blog/leveraging-jquery-and-jquery-plugins-in-tiddlyWiki/>*, which details providing a wrapper *ListNavPlugin *to make use of the jQuery *ListNavJQueryPlugin*, but even after I had navigated around the broken javascript sections (you have to look at the page source to get the correct line endings), I couldn't see how to apply this to the case of using *ExpandingTextareas*. I just can't work out how to apply the knowledge I've gained about Tiddlywiki plugins so far to actually creating a plugin which will do what I want. Any help with either writing a wrapper plugin (if necessary), using *ExpandingTextareas* with TiddlyWiki, or any alternative solutions would be much appreciated. Example Here are the tiddlers I'm using right now: ExampleTemplate tiddler <html><table> <tr> <td align="right"><b>Name:</b></td> <td><input name=FullName type=text /></td> </tr> <tr> <td align="right"><b>Background:</b></td> <td><textarea name=Background rows="1" cols="40" style="width:98%" ></textarea></td> </tr> </table></html> Examples tiddler <<tiddler ListTaggedTiddlers with: "ExampleDatabase">> [[ExampleTemplate]] <<newTiddler label:"Create Example" title:"NewExample" text:{{"<<formTiddler [[ExampleTemplate]]>"+">"}} tag:"ExampleDatabase" >> <<autoRefresh>> Bob Dobbs tiddler (ExampleDatabase tag) <<formTiddler [[ExampleTemplate]]>><data>{"FullName":"Bob Dobbs","Background":"I have dedicated my life to the accumulation of slack, and the promotion of the Church of the Subgenius."}</data> Bobby Henderson tiddler (ExampleDatabase tag) <<formTiddler [[ExampleTemplate]]>><data>{"FullName":"Bobby Henderson","Background":"Nothing to say here."}</data> Note that I originally posted to Stack Overflow <http://stackoverflow.com/q/24228915/42473>, but there are very few TiddlyWiki questions there. My apologies if this post ends up being duplicated, as I forgot to add the (TWC) tag to the subject te first time around. Thanks, Mark.......... -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" 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 http://groups.google.com/group/tiddlywikidev. For more options, visit https://groups.google.com/d/optout.
