====== Creating Button Set for Joo!BB ======

Since Version 1.0.0 there is a revised button set system in Joo!BB. There is more flexibility for designers. It is possible to control the button behaviour with CSS.

Before we start, we should have a look at the HTML outputs of a button. There are two of them. This is the standard in the Joo!BB template. Of course, you can customize it your own way if you wish.

1. Form Button
<code>
<button class="class from xml" title="title from xml">
   <span>text from xml</span>
</button>
</code>

2. HREF Button
<code>
<a href="href of this button" class="class from xml" title="title from xml">
   <span>text from xml</span>
</a>
</code>

Button sets in Joo!BB are located in "JOOMLA_ROOT/components/com_joobb/designs/buttons/" There are 3-4 steps creating a button set:

  - Creating button set folder
  - Creating button set xml file
  - Designing nice button(s)
  - Creating Translation(s) (optional)

===== Creating button set folder =====

For the first you need to create a unique folder. This folder stands for the internal name of your button set. For example "my_button_set".