[SOLVED] Add link to customer login page

[altjx]

How can I add a link to the customer login page? I was successful with doing this to the customer's page AFTER they login where it shows their ticket, company tickets, etc... and the agent interface.. But I need to create a link back to the intranet page from the login page... How can I accomplish this?

[thomkortekaas]

Go to OTRS\Kernel\Output\HTML\Standard

Open the file CustomerLogin.dtl

This file gets parsed as an html file and is the customerlogin page.
For example I added a custom Message of the Day object on top of the page.

There you can place your link.

[altjx]

Go to OTRS\Kernel\Output\HTML\Standard

Open the file CustomerLogin.dtl

This file gets parsed as an html file and is the customerlogin page.
For example I added a custom Message of the Day object on top of the page.

There you can place your link.

Well, the link is placed just as a link, not even with the template. I ended up having to copy the Navigation Bars from the .css file into the one that the Customer Login page uses, and then I was able to make a navigation bar on the customer login page. Then from there I was able to place my link in the navigation bar and have it look just as it would if it was designed that way from the start.

[thomkortekaas]

Ok cool, how does it look ? Can you post a screenshot?

[altjx]

Ok cool, how does it look ? Can you post a screenshot?

Sure

[thomkortekaas]

Ok nice..

Here is my custom Message Of The Day piece btw

[altjx]

Ok nice..

Here is my custom Message Of The Day piece btw

Thanks. That's the result of simply just adding a link without anything additional?

[thomkortekaas]

No it's actually usable as an MOTD ( like in the agent interface).

Add this to \OTRS\var\httpd\htdocs\skins\Customer\default\css\Core.Login.css

Code: Select all

.box2 {
    width: 650px;
    margin: 1px auto;
}

.box2 div {
    margin: 0.5em 0 0 -2.5em;
}

.box2 div.topleft {
    display: block;
    background: url("box-bg.png") top left no-repeat white;
    padding: 2.0em 0em 0em 2.0em;
}

.box2 div.topright {
    display: block;
    background: url("box-bg.png") top right no-repeat white;
    padding: 2.0em;
    margin: -2.0em 0 0 2.0em;
}

.box2 div.bottomleft {
    display: block;
    height: 20px;
    margin-top: -2.0em;
    background: url("box-bg.png") bottom left no-repeat white;
}

.box2 div.bottomright {
    display: block;
    background: url("box-bg.png") bottom right no-repeat white;
    height: 20px;
    margin-left: 3.0em;
}

Create the file called "\OTRS\OTRS\Kernel\Output\HTML\Standard\Customermotd.dtl

Code: Select all

<div class="box2">
          <div class="topleft">
                   <div class="topright">  
                                              <div>

Put your text hier to display
    
                                                 </div>
          </div>
                    </div>    
                                <div class="bottomleft">
                                          <div class="bottomright">
                               </div>
                                         </div>
</div>

Open this file \OTRS\OTRS\Kernel\Output\HTML\Standard\CustomerLogin.dtl and add

Code: Select all

$Include{"Customermotd"} 

on line 14, one line under "$Include{"CustomerHeader"}"

Place the file box-bg.png (I added an attachment to this post) in same folder as the CSS file.


That did the trick... you'll have to manually edit the new dtl-FILE just like the MOTD for agents file.

[altjx]

Ah, gotcha.