title: Create an responsive design menu with JSF and PrimeFaces
body: <p>I'm trying to create a menu with PrimeFaces and JSF like <a href="http://www.primefaces.org/showcase/ui/menu/panelMenu.xhtml" rel="nofollow noreferrer">this</a> one.</p>
  
  <p>Since i don't know how many items i'm gonne have, this menu has to be dynamically. At runtime i will get an <code>array</code> of <code>StudentsGroup-Objects</code>. Every <code>StudentsGroup-Object</code> contains several <code>Students-Objects</code>. Also it should be an <code>responsive design</code>. Is that possible with PrimeFaces? How do i achieve this?</p>
  
  <p>It should look somthing like this
  <img src="https://i.stack.imgur.com/LGiyw.png" alt="enter image description here"></p>
  
  <p>I didn't find any tutorial which explains somthing like this. It would be enough if someone could post a goot tutorial.</p>