Databases
StackOverflow2013
Postsdbo
POBootstrap 3 modal dialogs and meteor
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap 3 modal dialogs and meteor
    primarykey
    data
    text
    <p>I'm pretty new to bootstrap, so please be gentle. I'm playing around trying to get a modal dialog to display with meteor and have got some way, but am really stuck on how and where its displaying.</p> <p>I have a two templates (as suggested elsewhere on here) for the dialog itself</p> <pre><code>&lt;template name="projectPage"&gt; &lt;div class="container"&gt; &lt;h2&gt;Example of creating Modals with Twitter Bootstrap&lt;/h2&gt; &lt;div id="example" class="modal fade in show" role="dialog" tabindex="-1" aria-hidden="true"&gt; {{&gt; modalInner}} &lt;/div&gt; &lt;/div&gt;&gt; &lt;/template&gt; &lt;template name="modalInner"&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;/template&gt; </code></pre> <p>and with this code, the template is rendered, but has an opaque background and so is just jumbled into what is already rendered under it (its also full screen rather than the size the examples show as).</p> <p>I tried changing the background to see what's going on with the css</p> <pre><code>.modal { //background-color: #f00; max-width: 50%; max-height: 50%; //position: relative; } </code></pre> <p>and, as you can see, mucked around with the width and height manually, but this gives me a red box in the upper left corner of the page, with an empty scroll bar down the right hand side, but again not what the examples show.</p> <p>Any ideas where I'm going wrong here?</p> <p>Ta</p> <p>Peter.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USPeter NUnn
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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