appveyor build is failing because the link https://getcomposer.org/composer-1.phar seems to be broken at the moment. I don't think any of the changes in my PR are the culprit for this one ?

Fix looks good ?

However, I do feel there is way too much magic going on in this file.
Personally, I think the HTML output should not rely on the class names.
A class name should just be that. Let CSS handle it from there.

Wouldn't it make more sense to just make an extra layout file for the 'btn-group' version, like there is one for the switcher?

Making a new layout seems to be a tempting fix however, that would imply the usage of something on the lines of layout="joomla.form.field.radio.btngroup" attribute for this and it might cause issues in terms of backwards compatibility for all the fields out there that are working on class="btn-group"

Then maybe add something like this to the top of the default layout:

if(strpos($class, 'btn-group')) {
   ... code to load the 'group' layout ...
   return;
}

And maybe even have a separate yesno layout too:

if(strpos($class, 'btn-group-yesno')) {
   ... code to load the 'yesno' layout ...
   return;
}
if(strpos($class, 'btn-group')) {
   ... code to load the 'group' layout ...
   return;
}

If I were to separate these out then the code would, of course, be more readable. However, because the underlying HTML markup and attributes except for the class are identical for all the cases, a lot of the code would be repeated in the same file, which in my opinion, isn't a good practice. This tantamounts to being a comparison between better code readability v/s less redundancy. Both have their pros but I'm biased to lean towards less redundancy here as it implies fewer changes in the code and is backed by the assurance that things are working as intended in the current state.

Ok.

I have tested this item ✅ successfully on ac524e0

Styling works as described. I fixed the Creating a Plugin for Joomla tutorial to remove class switcher and use layout instead. I left the Radio form field type tutorial alone because ...

I have tested this item ✅ successfully on ac524e0

RTC

Thanks!

Thanks everyone!
Especially @ceford for the documentation fix

Thank you @YatharthVyas for this PR.
I just noticed the active class doesn't change when I click on another option.

I've added your code to /plugins/content/vote/vote.xml for testing purposes and it didn't work. See:

Code added:

<field
	name="show_total_votes"
	type="radio"
	label="PLG_VOTE_TOTAL_VOTES_LABEL"
	default="0"
	filter="integer"
	class="btn-group btn-group-yesno"
>
	<option value="0" >JHIDE</option>
	<option value="1">JSHOW</option>
</field>

I'm not sure where/how to fix it and whether I should create a new issue or not.

@machadoug Thank you for informing me about this. I'm afraid I might be doing something wrong because I was unable to replicate this in my local environment:

Note:

The code provided by you seems perfect and you've done everything correctly in the demo so there is no mistake made by you. However, I observed that the UI in the video you shared seems to belong to an older version of Joomla (before the Admin UI was repainted) so I think the issue might be occurring here because it is running an older version of J4.

Could you please try to update your build to the latest commit/nightly? I have a feeling it might resolve the issue.

Please notify me in case the issue persists after updating.

System Information:

My J4 Version is updated to the latest commit: 317f826

Thank you @YatharthVyas.
The problem was fixed using the latest nightly build.