
In the javascript, From the comment � // live update of how many circles� on.
The first tabââ?¬â?¢s form has been built manually. It is in the ââ?¬Å?formsOfferedââ?¬Â? variable on Pageflex. A user will select the products they want to feature, and it will change the template accordingly.
From there I get to the problem: products the client carries. This tab will display only the products users selected on the first tab. I started a function, but it currently only returns a list of the products selected in the first tab. This function is called ââ?¬Å?carries()ââ?¬Â?.
If you can generate checkboxes that will only display the products featured in the first tab, I will tie them in to the hidden form fields....
Here's my script:
margin-top: 20px; width: 400px;} .tabs, .pills {margin: 0 0 18px; padding: 0; list-style: none; zoom: 1;} .tabs:before, .pills:before, .tabs:after, .pills:after {display: table; content: ""; zoom: 1;} .tabs:after, .pills:after {clear: both;} .tabs > li, .pills > li {float: left;} .tabs > li > a, .pills > li > a {display: block;} .tabs {border-color: #ddd; border-style: solid; border-width: 0 0 1px;} .tabs > li {position: relative; margin-bottom: -1px;} .tabs > li > a {text-decoration: none; padding: 0 15px; margin-right: 2px; line-height: 34px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .tabs > li > a:hover {color: #fff; background-color: #888; border-color: #eee #eee #ddd;} .tabs .active > a, .tabs .active > a:hover {color: #808080; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default;} .tabs .menu-dropdown, .tabs .dropdown-menu {top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px;} .tabs a.menu:after, .tabs .dropdown-toggle:after {border-top-color: #999; margin-top: 15px; margin-left: 5px;} .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {border-color: #999;} .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {border-top-color: #555;} .pills a {margin: 5px 3px 5px 0; padding: 0 15px; line-height: 30px; text-shadow: 0 1px 1px #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .pills a:hover {color: #ffffff;text-decoration: none;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #00438a;} .pills .active a {color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #0069d6;} .pills-vertical > li {float: none;} .tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div,.pill-content > div {display: none;} .tab-content > .active, .pill-content > .active {display: block;} /* input {width: 150px !important; float: left !important;} div.formheaderextraspaceabove {padding-top: 20px;clear: both;} div.form_normal {clear: both;} div.form_tip { font-size: 10px; width: 170px !important;} div.form_normal { padding-top: 15px;} */
.hide {display: none; }
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.