The $edit-text creates an html input tag with some attributes. The GenesisWidget in TiddlyWiki 5.2.4 allows the dynamic construction of another widget. My question is can I use GenesisWidget to create a new HTML5 input tag with all atributes? I especially interested in Search inputbox - HTML: H…

ELI5 – how is this better than just rolling your own HTML ?

@Mark_S I suppose it allows you to integrate HTML with TiddlyWiki but it also allows to to avoid the verbosity and the need to “close tags”. By defining your own “widgets” you choose the appropriate name, parameter names and default values. (I think) It also allows multiple HTML tags to be combine…

[image] Mark_S: ELI5 – how is this better than just rolling your own HTML? The new widget will allow me to bound the HTML5 tag attributes to tiddler fields, and access them through WIkiText.

Well, the samples don’t do anything like that. They seem to present a very round-about way to do something that could be done much simpler with html and transclusions (e.g. my-class={{!!class-field}} ). There’s nothing in the examples that demonstrates making another widget – just using the Genesis…

[image] Mark_S: There’s nothing in the examples that demonstrates making another widget I think it fair to say this is a common kind of limitation of the documentation, especially for new features. The only way to deal with it is to submit improved documentation and examples especially “real…

An example of using GensisWidget is given here by @Alvaro [image] Look for a Simple WikiText: Link Title Based on Several Conditions If I understand you correctly, the following would work. But if i’m wrong, you only need to change the filters to match the ex…

But … everything there could have been done with HTML/macros. I was thinking maybe you could use it to create the “open” attribute in details/summary tags. But, my experiment so far suggests that it ignores the calculated attribute “open”: <$genesis $type="details" $names="field default" $values="…

We develop TiddlyWiki fairly actively, and so of course there will be a steady stream of new features. Users shouldn’t be alarmed if they don’t understand all of those new features all at once. In many cases, these new features are the culmination of years of thinking and discussion (that’s the case…

The following example creates a DETAILS HTML tag with a dynamic open parameter. … If the field open-val is empty the open parameter is removed, otherwise open is set to the value. (which imo is a bit ugly) \whitespace trim <$genesis $type="details" $names="open" $values={{!!open-val}}> <summary>sum…

[image] jeremyruston: This is accomplished by optionally passing a pair of filters, one of which yields the names of the attributes and the other yields the corresponding attributes. Thanks for the clarification @jeremyruston . You may recall I have being a champion for such possibilities fo…

The GenesisWidget and HTML5 Input Tag

Mohammad December 19, 2022, 8:01pm 9

An example of using GensisWidget is given here by @Alvaro