7.0

Table Of Contents

4.4 User information

The User Info block displays the name of the logged on user, an option that lets the user edit his or her

personal information and the Log off option. The Edit User Info is optional and depends on the users role.

In the default the user User Info block is dark blue and placed just above the Menu bar

In the default skin the User Info bar is placed just above the Menu bar. Using styling parameters the two

seem to be surrounded by border. This is achieved by adding a border to the top, left and right of the User

Info bar and a border to the bottom, left and right of the Menu bar.

4.4.1 CSS Lists

The User Info bar is created using an HTML list. This allows you to easily change its orientation from horizontal

to vertical using CSS styling. Below the CSS code for the user info items in the style-element-userinfo.php file.

#userinfo ul

{

padding-right: 5px;

float: right;

}

#userinfo li

{

display: inline;

border-right : 1px solid silver;

margin: 0;

padding: 2px 0.4em;

font-size:10px;

font-size-adjust:none;

line-height: 2.2em;

}

#userinfo li a

{

text-decoration: none;

}

#userinfo li a:hover

{

text-decoration: underline;

}

By removing the display: inline attribute of the <li> tag the orientation is changed from horizontal to vertical.

4.4.2 Adding additional information

The User Info bar has additional information. The code in the template file uses generateUserInfo to retrieve

the cAdditionalInfo text from the language strings. The value for this string can be changed using the Edit

Language page in the Settings section. This variable is used for a global language dependent message. In the

default setup the value for this string is PSM Web. Hard coded text and other elements can be added to the

HTML code.