Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Recent Comments

To be honest hard to understand what you mean. Another point is also that I don't want to show up in http. I just want to create an offline html file with search results. So that everyone who open the file in the browser and type the order number , can get also the result.
Shopping Order Status

well, you have to make an api request when customer hits "GetStatus" to grab order info according to input value. Then you just highlight steps according to received order info. In case you'd like to show that widget on multiple orders, then, probably you have that info as well in each order data, therefore no need to show top section with input+getStatus button
Shopping Order Status

Perfect! But how I can connect with the order numbers? Do you have the code for me? Lets say I have three customers and three order numbers.
Shopping Order Status

Before saying anything, thanks for this cool bootstrap snippet. Really appreciated.For anyone who wanted this checklist behave like radio list,above all code define two variables var selItem, selChk; for eg.And use below code inside widget click event //Getting clicked list and check object var temp = $widget; var tempChk = $checkbox; if (selItem === undefined || selChk === undefined) //First time usage goes here { selItem = temp; selChk = tempChk; $checkbox.prop('checked', !$checkbox.is(':checked')); updateDisplay(); } else { //First removing element that is checked $widget = selItem; $checkbox = selChk; $checkbox.prop('checked', !$checkbox.is(':checked')); updateDisplay(); //Updating global variables selItem = temp; selChk = tempChk; //Checking the element that user clicked $widget = temp; $checkbox = tempChk; $checkbox.prop('checked', !$checkbox.is(':checked')); updateDisplay(); }Plus, in widget click event, there is a updateDisplay function but also same function used in checkbox change event which is triggered inside widget click event. That makes updatedisplay function to execute twice. Above example for radio list like behave changes this execution so that updateDisplay function only hits one time.
Checked List Group

Work with Bootstrap v4. All you need to do is to not increment :<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"><script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script><script src="//code.jquery.com/jquery-1.11.1.min.js"></script><!------ Include the above in your HEAD tag ---------->and modify in each sub div tags which contains : class="col-xs-3 bs-wizard-step ...""col-xs-3" by "col-sm-3"
Form Process Steps

Hello. thanks, great work.There is an issue with iphone 6+ ,safari.for some reason the "display:block;" setting for td element doesn't catch at that device.any solution to this issue?
No more tables (responsive table)

Modify: $checkbox = $('<input type="checkbox" name="'+$widget.text()+'" class="hidden" />'),
Checked List Group

How to get the list of unchecked items?
Checked List Group