staying radio buttons with current shortcode

This support ticket is created 6 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Setting up custom taxonomy, Types plugin

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 6 years, 11 months ago.

Assisted by: Luo Yang.

Author

Posts

December 13, 2017 at 12:24 am #598229

Jeffrey

I am trying to make radio buttons look better, and got a piece of code from getbootstrap.com, how can I set up the following code with current shortcode? Thank you!

<div class="custom-controls-stacked">
  <label class="custom-control custom-radio">
    <input id="radioStacked3" name="radio-stacked" type="radio" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description">Toggle this custom radio</span>
  </label>
  <label class="custom-control custom-radio">
    <input id="radioStacked4" name="radio-stacked" type="radio" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description">Or toggle this other custom radio</span>
  </label>
</div>

current form-group shortcode below

[wpml-string context="wpv-views"]Locations[/wpml-string]
[wpv-control-post-taxonomy taxonomy="location" type="radios" default_label="All locations" url_param="wpv-location" output="legacy"]

Thank you so much!

December 13, 2017 at 4:34 am #598279

Luo Yang

Dear Jeffrey,

There isn't exact same feature with shortcode [wpv-control-post-taxonomy], I suggest you try these:
Edit the shortcode [wpv-control-post-taxonomy ...] as below:
[wpv-control-post-taxonomy taxonomy="location" type="radios" default_label="All locations" url_param="wpv-location" class="custom-control-input" label_class="custom-control custom-radio"]

See screenshot: locations.JPG

Then you will get the HTML codes like this:

locations
<div class="radio">
<label for="location-" class="custom-control custom-radio"><input id="location-" class="js-wpv-filter-trigger custom-control-input" name="wpv-location" type="radio" value="0" checked="checked">default option</label>
</div>

But there isn't HTML codes as you mentioned above:

<span class="custom-control-indicator"></span>
    <span class="custom-control-description">Or toggle this other custom radio</span>
  </label>

More help:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-control-post-taxonomy