formio / vue

Javascript Powered forms and JSON form builder for Vue.js
MIT License
119 stars 65 forks source link

Panel Component not rendering title #7

Closed airarrazaval closed 6 years ago

airarrazaval commented 6 years ago

Formio Panel Component do not render its title. The component renders the component as the following bootstrap component:

<div class="card border-{{ theme }} panel panel-{{ theme }}">
    <div class="card-body panel-body">
        ...
    </div>
</div>

thus, not rendering the component's legend property.

It should render the following:

<div class="card border-{{ theme }} panel panel-{{ theme }}">
    <div class="card-header panel-heading bg-{{ theme }} text-white">
        {{ title }}
    </div>
    <div class="card-body panel-body">
        ...
    </div>
</div>
randallknutson commented 6 years ago

Do you have title in your component definition? It should render just fine if so. This is where the title gets added: https://github.com/formio/formio.js/blob/master/src/components/panel/Panel.js#L68