Artisteer Main Menu

There may come a day when you would want to use an Artisteer template.css file for other applications, or to know how the styling works. By default, Artisteer sets the main menu to the user3 position. Although you can change the main menu position name, let’s assume it is in user3. You can find some details about the main menu in the mytemplate/html/mod_mainmenu/default.php file; although it is not that important to do so.

With this example, it is assumed that you want to use the Joomla template with a Codeigniter component. Since the component uses Codeigniter classes and some raw php, we just wanted to plop it into Joomla without having to rewrite classes (such as connecting to the database, selecting from the database, making new controllers, views and models) which would take significantly longer than using something that has already been thoroughly tested and works as desired.

In the Codeigniter view file, you would simply paste in a menu in the desired position within the view file.

Note:
In order for the Codeigniter component to use the Joomla template, it must load the appropriate files within the head tags which are located in the view file.

In this particular case, the menu lies just above the content. The template for the Codeigniter component will look identical to that of the rest of the Joomla website which contains Joomla components. The code could resemble something like the code shown below:

<div class=”art-nav” >
<div class=”l” ></div>
<div class=”r” ></div>
           
            <ul class=”art-menu” >
           
            <li class=”item1″><a href=”http://localhost/mysandbox”><span class=”l”></span>
            <span class=”r”></span><span class=”t”>Page 1</span></a></li>
            <li> <span class=”art-menu-separator”></span></li>
                   
            <li class=”item2″><a href=”http://localhost/mysandbox”><span class=”l”></span>
            <span class=”r”></span><span class=”t”>Page 2</span></a></li>
            <li> <span class=”art-menu-separator”></span></li>
           
            <li class=”item2″><a href=”http://localhost/mysandbox/codeigniter/index.php/ciexample_test”><span class=”l”></span>
            <span class=”r”></span><span class=”t”>Page 3</span></a></li>
            <li> <span class=”art-menu-separator”></span></li></ul>       
            </div>
            <div class=”art-contentLayout”>

February 11, 2011 by kent