Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>The answer was that I am missing two div's to get things happy.</p> <p>I need a </p> <pre><code>&lt;div class="modal-dialog"&gt; &lt;div class="modal-content"&gt; </code></pre> <p>To make the code popup as a modal dialog. The full test code is</p> <pre><code>&lt;template name="projectPage"&gt; &lt;div class="container"&gt; &lt;div class="well"&gt; &lt;h2&gt;Example of creating Modals with Twitter Bootstrap&lt;/h2&gt; &lt;a data-toggle="modal" href="#myModal" &gt;My Modal&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; {{&gt;myModal}} &lt;/template&gt; &lt;template name="myModal"&gt; &lt;!-- Modal --&gt; &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;div class="modal-dialog"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header"&gt; &lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt; &lt;h3&gt;This is a Modal Heading&lt;/h3&gt; &lt;/div&gt; &lt;div class="modal-body" &gt; &lt;h4&gt;Text in a modal&lt;/h4&gt; &lt;p&gt;You can add some text here.&lt;/p&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;a href="#" class="btn btn-success"&gt;Call to action&lt;/a&gt; &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Thanks to a youtube video (Bootstrap 3 Tutorials - #6 - Modals (Popup Boxes)) for putting this on the path... (can't embed the link here for some reason).</p> <p>Thanks for the help guys. Peter</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload