====== PlayGround ======

<row>
<col md="4">
<panel type="warning" icon="fa fa-book" title="12-nov-2018">
**Good Morning:**\\ 

Thank you, I managed to get in and can now edit some screens and text. It may be useful to have a place to "chat" or to discuss some pages. Would you like to use this playground? Or would you prefer this by E-mail?

**Michiel.**\\ 
<btn type="primary" size="xs" collapse="secondpanel">Click here</btn>
</panel>
</col>

<col md="4">
<collapse id="secondpanel" collapsed="true">
<panel type="success" icon="fa fa-book" title="My answer:">
Here you can write your answer. Nice! 

<btn type="info" size="xs" collapse="thirdpanel">Click here</btn>
</panel>
</collapse>
</col>

<col md="4">
<collapse id="thirdpanel" collapsed="true">
<panel type="danger" icon="fa fa-book" title="How nice">
You really just clicked twice didn't you? 

<btn type="danger" modal="ohno" size="lg">Do Not Click Me!</btn>

<modal id="ohno">
You did not listen ;)
</modal>

</panel>
</collapse>
</col>
</row>

<row>
<col md="6">
<panel type="warning" icon="fa fa-book" title="12-nov-2018">
**Suggestion:**\\ 
My first suggestion is: "Have a look at the plugin called "Comment"\\ This way, you can add comments to your page about the layout, or position, or any other relevant items. It behaves like this:
<code>
/* this is a comment */
Or else the <hidden> </hidden> tag can be used (Bootstrap) default
</code>

** Do you have a list of the current installed pluggings? **
</panel>
</col>

<hidden>
This is a hidden content
</hidden>

<col md="6">
<panel type="success" icon="fa fa-question" title="My thoughts:">
  * Why should the sidebar (locations) be accessible for regular users? Maybe best to remove the link to the sidebar. It is reachable by going to the :sidebar in the address-bar of the browser.
  * Playground does not have to be reachable for users. Only for testing and trying pages. (To be verified)
  * Bootstrap template config:
    * Button animation on the right side is annoying (Personal taste)
    * 

</panel>
</col>
</row>