(Sorry, but I only found checkboxes in my bureaucracy form, no radio buttons, nevertheless, it should work for both.)
The Javascript code for inline display of checkboxes in individual fieldsets (selected by their legend text) is:
jQuery("form.bureaucracy__plugin fieldset legend:contains('My_legend_text')")
.parent() // this is the individually selected fieldset
.css({ 'white-space': 'nowrap', })
.find('label')
.css({ 'display': 'inline-block', })
.end()
.find('span')
.css({ 'width': '100%', 'margin-left': '-1rem', })
.end();
This code snippet goes into dokuwiki/conf/userscript.js
. Create this file, if it does not exist. Fill in your legend text of your fieldset into the code where it says My_legend_text
in my example above. You might have to fiddle a bit with the CSS styles, if you want to make it look perfect.
If you have more than one fieldset to modify, just add as many blocks of the given code, as needed, each with its own individual legend text. (You can also collapse each block of code into one continuous line of code. It's only a matter of readability. - Just make sure to remove the comment first.)
This could also be coded as a loop for all fieldsets with checkboxes (and/or radio buttons), regardless of their legend texts. I would look into this, if needed ...
It was actually easier than I thought and as it turned out, there is no need to wrap anything. Only, CSS has to be applied selectively. So, I am thinking, one could also check out where the original CSS is laid out by the bureaucracy plugin for these labels and modify the source code of the plugin, however, this would not be update save. The above solution is, though.
I tested this in Edge, Explorer Mode, and Firefox. Works well, looks good, and saves space. I think I will keep it too! Thanks for the idea! And BIG THANKS to the Dokuwiki developers! JS/jQuery are great tools to have onboard for customization!
Cheers!