Buttons on top of TiddlyWiki

[TonyM]

Folks,

Is there a definitive reference for the development of buttons for use in View, Edit and Page templates? Editor TGool bar as well if possible.

I can build my own as needed but concede I am not doing so taking full account of the additional fields such as caption, description, hint and language.

I am about to build some helpful button templates for generating new buttons and would like to fully embrace the standard used.

Regards

Tony

[Ton Gerner]

Hi TonyM,

Have a look at my customization guide: http://tw5custom.tiddlyspot.com/

Cheers,

Ton

[TonyM]

Ton,

That is a great reference, and resource of yours, I have used it many times, I just need it to go a little further into the various additional tiddlers and the hint caption and other elements when creating a new "legit" button. Linking the fields and values to where they appear such as in the control panel description and more.

Eg a little further than; http://tw5custom.tiddlyspot.com/#Button%20structure%20(standard%20buttons)

Regards

Tony

[@TiddlyTweeter]

Tony M.

I vaguely remember someone made a "button-maker" that gave an interface to make all the bits-n-bobs you need for a new button and its placement--everything except the programmatic code for the button itself. Takes a lot of hassle out of the process. I can't find it at the moment ☹

Josiah

[Ton Gerner]

Hi TonyM,

TiddlyWiki has complete code for adding buttons to Page controls, Edit toolbar, View toolbar and Editor toolbar (by adding the right tags $:/tags/PageControls, $:/tags/EditToolbar, $:/tags/ViewToolbar and $:/tags/EditorToolbar) but NOT for the top toolbar (left or right). By adding more than one of the above tags, a button will show up in different places.

You can add buttons to top right bar (tagging with $:/tags/TopRightBar) but they do NOT show up in Control panel > Appearance > Toolbars

I did create a top toolbar with buttons (tagged $:/tags/TopLeftBar) that do show up in Control panel like the core buttons.

For an extra toolbar (<toolbar>) you need (besides the buttons):

1) $:/core/ui/ControlPanel/Toolbars/<toolbar> tagged with $:/tags/ControlPanel/Toolbars (e.g.: $:/core/ui/ControlPanel/Toolbars/PageControls)
2) $:/core/ui/PageTemplate/<toolbar> tagged with $:/tags/PageTemplate (e.g.: $:/core/ui/PageTemplate/pagecontrols)

> I just need it to go a little further into the various additional tiddlers and the hint caption and other elements when creating a new "legit" button. Linking the fields and values to where they appear such as in the control panel description and more.

All the 'magic' is in 1)

Note: In case of my top toolbar (see http://tw5toolbar.tiddlyspot.com/) it has been split in 2 plugins (layout adjustment plugin used for other plugins as well and the toolbar plugin itself).

Cheers,

Ton

[TonyM]

Ton,

Thanks that will help others looking at this thread, however the gap for me is the following illustrated with a snapshot 

We need documentation on the use of the language caption, hint classes and icon vs text. This includes creating new language tiddlers to match and where each of these elements display where eg, as tool tip, in control panel etc...

That is the gap I want to fill.

thanks never the less.

tony

[Ton Gerner]

Hi TonyM,

Button
<caption> field: {{$:/core/images/<button>-button}} {{$:/language/Buttons/<Button>/Caption}}
<description> field: {{$:/language/Buttons/<Button>/Hint}}

Control panel > Appearance > Toolbars: <button> <caption> - <description>

e.g. Home button: home - Open the default tiddlers

Page control buttons (Tools tab): <button> <description>

e.g. Home button: Open the default tiddlers; the tooltip is identical!

I will add this to my Customization guide.

Hope that helps.

Cheers,

Ton

[TonyM]

Thank Ton,

Seem so easy once you spelt it out. I will road test and feedback
tony

[Ton Gerner]

Hi Tony,

Customization guide updated.

Cheers,

Ton