Inserting logos on Agen main frontend page

[usman]

Hi,

I am trying to insert my company logo on the main agent front page (where the agents logon from). Can someone please advise step by step how this can be done would it be via HTML if so How?

---------------------------
I am using OTRS::ITSM 2.0.3:: on Win XP

CHeers!

[davidbann]

You would have to create a new theme - go to "OTRS/Kernel/Output/HTML/" Create a new folder and name it whatever you want to name your theme - we'll call it "custom". Now go to "OTRS/Kernel/Output/HTML/Standard" and copy header.dtl into "OTRS/Kernel/Output/HTML/Custom/". Once copied, you can edit the version under the Custom folder, and add the image where you want it. (Follow instructions from http://doc.otrs.org/2.4/en/html/c2079.html)

Once you are done, and have inserted the theme into the database as directed by the above URL, then you must make sure to set all the agents user preferences to your custom theme. OTRS will then use your new header section and show your logo. I would suggest that the logo is very small though since an agent wouldn't want their working area more cluttered than it needs to be.

[dapidc]

Hi,

I am also try to customize the appearance of login page, both for customer and agent using new theme. But I am stuck on the step of registering the new theme to database.

I got error like the following after the command 'use otrs':
mysql> use otrs
ERROR 1044 (42000): Access denied for user ''@'localhost' to database 'otrs'
mysql>

What should I do?

Thanks in advance.

Dapid Candra
----------------
OTRS 2.4.8 on XP (test), using default package available from otrs.org

[crythias]

take a look at your config.pm for appropriate values.
mysql -u otrsusername -p otrsdatabasename

[dapidc]

take a look at your config.pm for appropriate values.
mysql -u otrsusername -p otrsdatabasename

This is straight to the point. SOLVED, for this step. Thank you, Crythias.

Next question, where should I put the image? Does OTRS have default path for image?
I already tried like img src="image_name.png", and put the image on the same directory as customer.pl and index.pl, but the image was not found (I got red cross box).

TIA,

Dapid Candra

[davidbann]

Not sure if I did this the best way, but I found where the standard theme stores images and CSS files. I then created the following directory: "\otrs\OTRS\var\httpd\htdocs\images\mytheme\" and put all my theme's images in there. (Replace "mytheme" with the name of your theme) I also created "\otrs\OTRS\var\httpd\htdocs\css\mytheme\" and copied "\otrs\OTRS\var\httpd\htdocs\css\Standard\agent.css" and "\otrs\OTRS\var\httpd\htdocs\css\Standard\customer.css" into my new folder. You can then edit the CSS files all you want.

To point to these new folders you would need to change your template files, so in "\otrs\OTRS\Kernel\Output\HTML\mytheme\" edit any of the .dtl files and change references to images to rather point to "/otrs-web/images/mytheme/image_name.jpg", and change any references to CSS files to point to "$Config{"Frontend::CSSPath"}mytheme/agent.css".

An example is to edit Header.dtl and instead of

<link rel="shortcut icon" href="$Config{"Frontend::ImagePath"}product.ico" type="image/ico"/>

use

<link rel="shortcut icon" href="/otrs-web/images/mytheme/favicon.ico" type="image/ico"/>

and instead of

<link href="$Config{"Frontend::CSSPath"}Standard/agent.css" rel="stylesheet" type="text/css"/>

use

<link href="$Config{"Frontend::CSSPath"}mytheme/agent.css" rel="stylesheet" type="text/css"/>

I hope this helps

[bogentu]

This seems to have changed in v3. There is no css or images directory in var/httpd/htdocs on my 3.0.5 installation. There is only a skins directory. I created a directory with the name of my theme in skins/Customer and put my image in an img folder (which matches the structure for the default skin. I then modified mytheme/CustomerHeader.dtl to show the image.

But now I need to modify the css. I added a css and css-cache directory to my custom skin dir and put the Core.Default.css file in there. But changes I make are never shown in the webpage - viewing the source always shows the default skin in the URL's. I have set Core::Web::Loader::DefaultSelectedSkin to the name of my skin, as well as Frontend::Customer::Loader::Customer::Sking###000-default and Loader::Customer::SelectedSkin to the new skin.

What do I need to do to make the Customer interface alway default to my new skin that provides the css for my custom theme?

[Faris Zaidi]

Yeah!! same as mine..I'm installing version 3.0.6 and trying to modifying the header and footer of the OTRS website...unfortunately I'm not understand clearly what coding said..The documentation should tell us step-by-step modifying the layout or tell us where we should modify the script... ... now I'm so tired to understand the website or configuration flow...

Please give us the documentation that user-friendly...

p/s: I'm currently test the OTRS under CentOS 5.4 and OTRS version 3.0.6