View source for Using a custom image in the menu bar title

=Via manifest xml <small>since</small> {{JVer|1.5|Since Version 1.5}}=

Make sure the image itself is going to be uploaded in your manifest file.  Now link it via the [[Manifest_files#Menu_links_and_submenus|img attribute of the administration/menu section]].

=Via css =
To use a custom image in the Menu Bar title we need an image (obviously) and a little bit of CSS.

First off, create the following folders in your administrator component (we're using a fictitious component called com_notes as the example).  Then place your image in the ''images'' folder and create a new file called ''default.css'' in the css folder, like this:

 com_notes
 |- assets
 ..|- css
 ....|- default.css
 ..|- images
 ....|- logo.png

The code for the CSS file looks like this:

<source lang="css">
/* Toolbar */
.icon-48-notes {
    background: url(../images/logo.png) no-repeat left;
}
</source>

Next we tell the menubar handler function to use this css by the following invocation of the ''title'' method of ''JMenuBar'':

<source lang="php">
JMenuBar::title( JText::_( 'Notes List' ), 'notes' );
</source>

Notice that value of the second argument, ''notes'', marries with the suffix of the CSS class.

Finally we need to load the component custom CSS file.  Place the following code typically near the top of ''admin.notes.php'':

<source lang="php">
$document =& JFactory::getDocument();
$document->addStyleSheet( '/components/com_notes/assets/css/default.css' );
</source>

You can, of course, use ''default.css'' for more than just the title styling.
<noinclude>[[Category:Development]]</noinclude>