Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Code for Advanced Radio 4 Example Empty


Hello,

I have been using your theme for a while and would like to get the code for the Radio Buttons Example 4 as it is currently empty.

It is located here.

I would like to use this in my project.

Thank you,


user
Justin Ali 4 years ago
Bootstrap 5 HTML
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Justin Ali 4 years ago

Thank you, much appreciated.


user
Sean Author 4 years ago

Hi

We will fix it in the next Metronic update .

In the meantime you can use the below advanced Bootstrap Radio Group example:


<!--begin::Radio group-->

<div class="btn-group w-100 w-lg-50" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button]">

 <!--begin::Radio-->

 <label class="btn btn-outline-secondary text-muted text-hover-white text-active-white btn-outline btn-active-success" data-kt-button="true">

 <!--begin::Input-->

 <input class="btn-check" type="radio" name="method" value="1"/>

 <!--end::Input-->

 Open API

 </label>

 <!--end::Radio-->



 <!--begin::Radio-->

 <label class="btn btn-outline-secondary text-muted text-hover-white text-active-white btn-outline btn-active-success active" data-kt-button="true">

 <!--begin::Input-->

 <input class="btn-check" type="radio" name="method" checked="checked" value="2"/>

 <!--end::Input-->

 SQL Call

 </label>

 <!--end::Radio-->



 <!--begin::Radio-->

 <label class="btn btn-outline-secondary text-muted text-hover-white text-active-white btn-outline btn-active-success" data-kt-button="true">

 <!--begin::Input-->

 <input class="btn-check" type="radio" name="method" value="3" />

 <!--end::Input-->

 UI/UX

 </label>

 <!--end::Radio-->



 <!--begin::Radio-->

 <label class="btn btn-outline-secondary text-muted text-hover-white text-active-white btn-outline btn-active-success" data-kt-button="true">

 <!--begin::Input-->

 <input class="btn-check" type="radio" name="method" value="4" />

 <!--end::Input-->

 Docs

 </label>

 <!--end::Radio-->

</div>

<!--end::Radio group-->


Regards


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(