Allow to customize placement of refresh button in CCaptcha

[teo1978]

The refresh button in CCaptcha is placed after the captcha image in an ugly, hard-coded way in JavaScript.
Actually I think it's a bad idea to generate this html node via javascript in the first place: it would be preferrable to have the button html generated server-side and only its behavior assigned client side, or is there a good reason for that? Anyway.

The big issue is that its placement after the image is hard-coded in the js code.
Instead, it should be possible to customize it and decide whether to put it before or after the captcha image.

I think the best solution would be to have some sort of "template" property similar to those that are used in other widget.
So for example this property would have a default value of "{image} {button}" and one could change it to "{button} {image}" or "{image}
{button}", etc.

Currently, the only way to change its placement would be to replace the whole client script with a custom one.

[samdark]

Currently visual part can be changed via CSS.

[teo1978]

Yeah but you can't change the html code, for example whether the refresh button comes before or after the captcha image (you can have it appear visually before via css but that's unnecessarily tricky).
At the very least there should be an option to choose whether to have the button before or after the image, e.g. something like $buttonPlacement whose values would be either "beforeImage" or "afterImage" (or anything equivalent, e.g. a $buttonAfter which would be either true or false), but then I think a template would be much more flexible and effective, as it would allow not only to choose the order but also to place arbitrary html code between the two elements. If for example you want to put a "
" (or any other html node) between the image and button, currently the only way is to put it into the buttonLabel, which would be unelegant to say the least (and probably not even feasible at least in button mode).

[samdark]

OK. Makes sense.