Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap Popover not displaying popover-content
    primarykey
    data
    text
    <p>I am using emberjs with twitter-bootstrap, but only the css so <strong>no</strong> javascript taken from bootstrap.</p> <p>I want to make the popover work, it pops up, but the <code>popover-content</code> is not displayed, even though it is set. Here is my code:</p> <p><code>popoverTemplate.hbs</code>:</p> <pre><code>&lt;div class="popover fade right in" style="top: 12.5px; left: 242px; height:200px;width:200px; display: block;"&gt; &lt;div class="arrow"&gt;&lt;/div&gt; &lt;h3 class="popover-title"&gt;A Title&lt;/h3&gt; &lt;div class="popover-content"&gt;And here's some amazing content. It's very engaging. right?&lt;/div&gt; </code></pre> <p></p> <p>My view:</p> <pre><code> App.PopoverView = Ember.View.extend({ templateName: 'popoverTemplate' }); </code></pre> <p>Here is the controller issuing the toggle behavior:</p> <pre><code> showPopover: null, init:function(){ this.set('showPopover',false); }, togglePopoverView: function(){ this.set('showPopover',!this.get('showPopover')); } </code></pre> <p>And here is my main template, where I set the logic for the popover:</p> <pre><code> {{#if showPopover}} {{view App.PopoverView}} {{/if}} </code></pre> <p><strong>UPDATE</strong> I figured it out, unfortunately you couldn't find the bug in my code - at least what I've put here. The problem was that in my template at the beginning I've set the context with the <code>#with</code> helper and forgot about it. So most probably I will delete this question. Thank you though for the contributions.</p>
    singulars
    1. This table or related slice is empty.
    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. This table or related slice is empty.
 

Querying!

 
Guidance

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