5 comments

So I purcheed this template a week ago working with PHP Laravel 5.4 framework.
I got to addapt the template to my dev-language on the page "checkout2.html" -> where you get a radio button form to fill out:

<input type="radio" name="shippping" id="option3" class="radio-template">

the problem is as so:
In order to submit information to the server I MUST deliver the attribute(name="foo") with a different value for each selected button BUT if you try to change >> name="shippping" << to a different value the CSS / SASS has malfunctions.
the selected buttons are kept in a checked mode and there's no possibility to either change or remove selections
Hi,

I re-read your question and I saw the issue.

Your problem is that you have to name all the radio inputs with the same name (i.e. name="shipping") and assign only different values to them. This is a standard and correct approach for radio lists in HTML. This way the browser knows all these belong to the same selection and therefore allow only one selected possibility.

Best.

Ondrej
Hi,

thanks for buying.

Can you paste your code that you have inside .tab-block? Either here or even better on the Codepen.

Thanks,

Ondrej
<!-- .tab-block AS Laravel 5.4 -->
<div id="delivery-method" class="tab-block">
<form action="{{ url('order/delivery') }}" method="POST" class="shipping-form">
{{ csrf_field() }}
<div class="row">
<div class="form-group col-md-6">
<input type="radio" name="shippping" id="option1" value="shipping" class="radio-template">
<label for="option1">
<strong>Usps next day</strong><br>
<span class="label-description">Get it right on next day - fastest option possible.</span>
</label>
</div>
</div>
<div class="CTAs d-flex justify-content-between flex-column flex-lg-row">
<a href="{{ url('order/address') }}" class="btn btn-template-outlined wide prev">
<i class="fa fa-angle-left"></i>Back to Address
</a>
<input class="btn btn-template wide next" type="submit" id="submit" name="submit" value="Choose delivery method ❯">
</div>
</form>
</div>
<!-- /.tab-block AS Laravel 5.4 -->
Hi,

thanks. From the content I can see here, the code is the same as in the template and should be working HTML and CSS-wise and there should not be any display issues.

To be able to help further, please provide an online demonstration (you can send me a private message here on WB or my email is in the template's documentation).

Thanks,

Ondrej

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$16
33Purchases

Licenses: Details »

Single application $16
Version:1.2
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: bootstrap 4, cart, commerce, ecommerce, modern, order, shop
Item#:WB04C422K
Released:2 months ago
Updated:3 weeks ago
Sold exclusively on WrapBootstrap
ondrique

ondrique

Signed up 3 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: