0 Replies Latest reply: Dec 13, 2016 6:13 AM by Sai Madhu RSS

    How to include Bootstrap & js in qliksense extension? for PopUp Varying modal content based on trigger button

    Sai Madhu

      Hi All,

       

      This is the bootstrap popup model in HTML code for . Varying POPUP model content based on Button Trigger.

       

      I was Tried this Extension But these Css & Js Files are Not Including the headers. So Can anyone do the Sample Extension for popup  model content based on Button Trigger.

       

      <!DOCTYPE html>

      <html lang="en">

      <head>

        <title>Bootstrap Example</title>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

      </head>

      <body>

       

      <div class="container">

        <h2>Modal Example</h2>

        <!-- Trigger the modal with a button -->

        <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

       

       

        <!-- Modal -->

        <div class="modal fade" id="myModal" role="dialog">

          <div class="modal-dialog">

         

            <!-- Modal content-->

            <div class="modal-content">

              <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Modal Header</h4>

              </div>

              <div class="modal-body">

                <p>Some text in the modal.</p>

              </div>

              <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

              </div>

            </div>

           

          </div>

        </div>

      </div>

      </body>

      </html>

       

       

       

      Thanks & Regards,

      SaiMadhu

       

       

      reddys310