Core: Render a plain html ul-bullet-list at accordion-item-content

How can i render a simple html-ul-list in an accordion-content-item at Framework7. I’m using framework7-core.

                    <li class="accordion-item">
                        <a href="" class="item-link item-content">
                            <div class="item-inner">
                                <div class="item-title">test</div>
                            </div>
                        </a>
                        <div class="accordion-item-content">
                            <div class="block block-strong">
                                <ul>
                                    <li>test</li>
                                    <li>test2</li>
                                </ul>
                            </div>
                        </div>
                    </li>

And my output looks like this:

But I just want a simple ul-list in my accordion-item

Just in case someone would earn some stackoverflow-points: here

I’m using the following framework7-version:

  "dependencies": {
    "dom7": "^2.1.5",
    "framework7": "^5.7.8",
    "framework7-icons": "^3.0.1",
    "template7": "^1.4.2"
  }

Thanks for help

Try to modify with CSS to add the styles.
I think the styles are reset.

https://www.w3schools.com/css/css_list.asp

1 Like