Topic: .popout Not Working
kevin.n.glick
pro
asked 6 years ago
<div class="popout">
<div class="panel-group " id="accordion">
<div *ngFor="let feed of feeds; let i = index" class="panel panel-default">
<a data-toggle="collapse" href="#collapse{{i}}">
<div class="panel-heading">
<h4 class="panel-title">
{{feed.title}}
</h4>
<p>{{feed.author}} | {{feed.pubDate | date: 'mediumDate'}}</p>
<summary>{{feed.description | stripLinks | filterHtml}}</summary>
</div>
</a>
<div id="collapse{{i}}" class="panel-collapse collapse">
<div [innerHtml]="feed.content" class="panel-body"></div>
</div>
</div>
</div>
</div>
The above is the HTML and markup I'm using. Instead of getting popout accordion, I get multiple plain-text paragraphs that open like an accordion. They do not render as a panel-group and there is no popout effect.
Add comment
kevin.n.glick
pro
answered 6 years ago
There is a .popout class in the documentation on this site. It is listed as a premium component. I have a developer subscription to MDB PRO v.4. Is this component only supported in MDB3?
I may fallback on modals if popout is no longer supported, but it's not exactly the same effect that I'm trying to create.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags