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">
                    <p>{{}} | {{feed.pubDate | date: 'mediumDate'}}</p>
                    <summary>{{feed.description | stripLinks | filterHtml}}</summary>
            <div id="collapse{{i}}" class="panel-collapse collapse">
                <div [innerHtml]="feed.content" class="panel-body"></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.

Popout is available only in MDB3. You might be interested in collapse

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.

There's no .popout class in Bootstrap or MDB

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


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