"Table"
Bootstrap 3.3.0 Snippet by cfprabhu

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <div class="PanelCollection"> <div class="panel panel-success" id="panel"> <div class="panel-heading collapseable" data-toggle="collapse" data-target="##QuestionForm"> <h3 class="panel-title">Answer the following questions 1 - 7 based on the declaration scope indicated above</h3> </div> <input type="hidden" name="Sme_Product_Number_1" value="" id="Sme_Product_Number_1"> <div id="QuestionForm" class="panel-collapse collapse in"> <div class="panel-body"> <div class="form-group"> <label class="col-sm-12 control-label"> <h2 class="test">Answer the following questions 1 - 7 based on the declaration scope indicated above</h2> </label> </div> <table class="table table-bordered"> <tr> <th width="350px">QUESTION</th> <th> Tantalum <input type="hidden" name="tanP1" id="tan" value=""> <button type="button" class="btn btn-info pull-right addOneMoreSme" id="tan_btn1"><span class="glyphicon glyphicon-plus"></span></button> </th> <th> Tin <input type="hidden" name="tinP1" id="tin" value=""> <button type="button" class="btn btn-info pull-right addOneMoreSme" id="tin_btn1"><span class="glyphicon glyphicon-plus"></span></button> </th> <th> Gold <input type="hidden" name="goldP1" id="gold" value=""> <button type="button" class="btn btn-info pull-right addOneMoreSme" id="gold_btn1"><span class="glyphicon glyphicon-plus"></span></button> </th> <th> Tungsten <input type="hidden" name="tungP1" id="tung" value=""> <button type="button" class="btn btn-info pull-right addOneMoreSme" id="tung_btn1"><span class="glyphicon glyphicon-plus"></span></button> </th> </tr> <tr id="Qus_1" title="Question 1" data-toggle="popover" data-content="This is a declaration of whether or not conflict metals are intentionally added to your product by your company or your supply chain. This question shall be answered for each conflict metal. Valid responses to this question are either 'Yes' or 'No'. This question is mandatory.<br><b>Note:</b> Some companies may require substantiation for a 'No' answer that should be entered into the Comment Field."> <td>1) Is the conflict metal intentionally added to your product?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q2_tan" name="Q1_tan1" id="Q1_tan" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q2_tin" name="Q1_tin1" id="Q1_tin" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q2_gold" name="Q1_gold1" id="Q1_gold" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q2_tung" name="Q1_tung1" id="Q1_tung" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> </tr> <tr id="Qus_2" title="Question 2" data-toggle="popover" data-content="This is a declaration that conflict metals are necessary to the production of your company's products and are contained in the finished product that your company manufactures or contracts to manufacture. The answer to this query shall be 'Yes' or 'No'.This question is mandatory.<br> <b>NOTE:</b> The conflict mineral must be contained in the finished product to be applicable."> <td>2) Is the conflict metal necessary to the production of your company's products and contained in the finished product that your company manufactures or contracts to manufacture?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q1_tan" name="Q2_tan1" id="Q2_tan" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q1_tin" name="Q2_tin1" id="Q2_tin" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q1_gold" name="Q2_gold1" id="Q2_gold" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" data-other="Q1_tung" name="Q2_tung1" id="Q2_tung" onChange="javascript : smelterWindow(this);"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> </tr> <tr id="Qus_3" title="Question 3" data-toggle="popover" data-content="This is a declaration that any portion of the conflict metals contained in a product or multiple products originates from the DRC or an adjoining country (covered countries). The answer to this query shall be 'Yes', 'No', or 'Unknown'.<br>This question is mandatory for a specific metal if the response to Question 1 or 2 is 'Yes' for that metal.<br><b>NOTE:</b> If the answer to Question 5 is not 'Yes, 100%' AND the answer to Question 6 is not 'Yes' for the conflict metal, the answer to Question 3 should not be 'No'."> <td>3) Does any of the conflict metal originate from the covered countries?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q3_tan1" id="Q3_tan"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> <option value="UNKNOWN">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q3_tin1" id="Q3_tin"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> <option value="UNKNOWN">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q3_gold1" id="Q3_gold"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q3_tung1" id="Q3_tung"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> </tr> <tr id="Qus_4" title="Question 4" data-toggle="popover" data-content="This is a declaration that identifies whether conflict metals contained in the product(s) necessary to the functionality of that product(s) originate from recycled or scrap sources. The answer to this query shall be 'Yes', 'No', or 'Unknown'. A 'Yes' answer means that 100% of the conflict metal comes from recycled or scrap sources. A 'No' answer means that some of the conflict metal does not come from recycled or scrap sources. An 'Unknown' answer means that the user does not know whether or not 100% of the conflict metal comes from recycled or scrap sources.<br>This question is mandatory for a specific metal if the response to Question 1 or 2 is 'Yes' for that metal."> <td>4) Does 100 percent of the conflict metal (necessary to the functionality or production of your products) originate from recycled or scrap sources?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q4_tan1" id="Q4_tan"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> <option value="UNKNOWN">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q4_tin1" id="Q4_tin"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> <option value="UNKNOWN">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q4_gold1" id="Q4_gold"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q4_tung1" id="Q4_tung"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> </tr> <tr id="Qus_5" title="Question 5" data-toggle="popover" data-content="This is a declaration to determine whether a company has received conflict metals disclosures from all direct suppliers reasonably believed to be providing conflict minerals contained in the products covered by the scope of this declaration. The answers to this query shall be:<br> <ul> <li>Yes, 100%</li> <li>No, but greater than 75%</li> <li>No, but greater than 50%</li> <li>No, but greater than 25%</li> <li>No, but less than 25%</li> <li>None</li> </ul><br>This question is mandatory for a specific metal if the response to Question 1 or 2 is 'Yes' for that metal."> <td>5) Have you received conflict metals data/information for each metal from all relevant suppliers of 3TG?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q5_tan1" id="Q5_tan"> <option value="">SELECT</option> <option value="YES,100%s" ,100%s">selected>YES,100%</option> <option value="No,but greater then 75%" but greater then 75%">selected>No,but greater then 75%</option> <option value="No,but greater then 50%" but greater then 50%">selected>No,but greater then 50%</option> <option value="No,but greater then 25%" but greater then 25%">selected>No,but greater then 25%</option> <option value="No,but less then 25%" but less then 25%">selected>No,but less then 25%</option> <option value="None" e">selected>None</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q5_tin1" id="Q5_tin"> <option value="">SELECT</option> <option value="YES,100%" ,100%">selected>YES,100%</option> <option value="No,but greater then 75%" but greater then 75%">selected>No,but greater then 75%</option> <option value="No,but greater then 50%" but greater then 50%">selected>No,but greater then 50%</option> <option value="No,but greater then 25%" but greater then 25%">selected>No,but greater then 25%</option> <option value="No,but less then 25%" but less then 25%">selected>No,but less then 25%</option> <option value="NONE" E">selected>None</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q5_gold1" id="Q5_gold"> <option value="">SELECT</option> <option value="YES,100%" S,100%">selected>YES,100%</option> <option value="No,but greater then 75%" ,but greater then 75%">selected>No,but greater then 75%</option> <option value="No,but greater then 50%" ,but greater then 50%">selected>No,but greater then 50%</option> <option value="No,but greater then 25%" ,but greater then 25%">selected>No,but greater then 25%</option> <option value="No,but less then 25%" ,but less then 25%">selected>No,but less then 25%</option> <option value="None" ne">selected>None</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q5_tung1" id="Q5_tung"> <option value="">SELECT</option> <option value="YES,100%" S,100%">selected>YES,100%</option> <option value="No,but greater then 75%" ,but greater then 75%">selected>No,but greater then 75%</option> <option value="No,but greater then 50%" ,but greater then 50%">selected>No,but greater then 50%</option> <option value="No,but greater then 25%" ,but greater then 25%">selected>No,but greater then 25%</option> <option value="No,but less then 25%" ,but less then 25%">selected>No,but less then 25%</option> <option value="None" ne">selected>None</option> </select> </div> </td> </tr> <tr id="Qus_6" title="Question 6" data-toggle="popover" data-content="This query verifies if the supplier has reason to believe they have identified all of the smelters providing conflict metals in the products covered by this declaration. The answer to this query shall be 'Yes' or 'No' along with a comment in certain cases, e.g. list of smelters.<br>This question is mandatory for a specific metal if the response to Question 1 or 2 is 'Yes' for that metal."> <td>6) For each conflict metal, have you identified all of the smelters your company and its suppliers use to supply the products included within the declaration scope indicated above?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q6_tan1" id="Q6_tan"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q6_tin1" id="Q6_tin"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q6_gold1" id="Q6_gold"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q6_tung1" id="Q6_tung"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> </select> </div> </td> </tr> <tr id="Qus_7" title="Question 7" data-toggle="popover" data-content="This query verifies that all of the smelters identified to be providing any of the conflict metals contained in the products covered by the scope of this declaration have been reported in this declaration. The answer to this query shall be 'Yes', 'No', or 'Unknown'. If any smelters or alleged smelters declared by your supply chain have not been included in this declaration, the appropriate answer is 'No'.The user may use the Comment Box to explain the reasons for non-inclusion if necessary.<br>This question is mandatory for a specific metal if the response to Question 1 or 2 is 'Yes' for that metal."> <td>7) Has all applicable smelter information received by your company been reported in this declaration?<span style="color:red">*</span> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q7_tan1" id="Q7_tan"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO" >selected>NO</option> <option value="UNKNOWN">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q7_tin1" id="Q7_tin"> <option value="">SELECT</option> <option value="YES">selected >YES</option> <option value="NO" >selected >NO</option> <option value="UNKNOWN">selected >UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q7_gold1" id="Q7_gold"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> <td> <div class="form-group controls"> <select class="form-control required" name="Q7_tung1" id="Q7_tung"> <option value="">SELECT</option> <option value="YES">selected>YES</option> <option value="NO">selected>NO</option> <option value="UNKNOWN" known">selected>UNKNOWN</option> </select> </div> </td> </tr> </table> </div> </div> </div>

Related: See More


Questions / Comments: