Adding an image, tables cut off

RT Developers
1

Hi everyone!

I have two issues here that I’m trying to solve.

FIrstly, I’m trying to add an image to the login page. Its just a logo,
nothing fancy, just for the look of the thing. Here is what I’ve done…

-First, I put the image in html/NoAuth/images

-To my RT_SiteConfig.pm file I’ve added the following code:
Set( $WebImagesURL , $WebPath . “/NoAuth/images/”);
Set( $LoginImageURL, $WebImagesURL . “Helpdesk_Fox.gif”);
Set( $LoginAltText, “Help Desk Fox”);

-Then, I added the following code to html/Elements/Login:
<% loc($RT::LoginAltText) %>

The image doesn’t show up, though. All I get is the box with the x in it and
the LoginAltText. After I made the changes I stopped httpd, cleared the
mason cache, and started httpd again.

My other problem is the fact that in Internet Explorer (but not in Firefox)
the right side of my tables is getting cut off when using the
3.4-compatstylesheets (see screen print link below). Has anyone else
seen this
problem?
Screen print of cut off
tableshttp://foxweb.marist.edu/users/kbr4b/screenPrint.png

Does anyone have any suggestions? Help is, as always, greatly appreciated.

Thanks!

Regards,
Brandi L

2

Hi Gianluca,

In your RT_SiteConfig.pm file you just need to add the following line:
Set( $WebDefaultStylesheet, ‘3.4-compat’);

Hope that helps!
-Brandi LOn 6/20/07, Gianluca Cecchi gcecchi@peviani.it wrote:

As a side question: how did you manage to have the Navigation Bar (Home,
Simple Search, Tickets, etc) placed vertically instead of the default
horizontal way?
From the gui or tricking the code?

thanks
gianluca

My other problem is the fact that in Internet Explorer (but not in
Firefox) the right side of my tables is getting cut off when using the
3.4-compat stylesheets (see screen print link below). Has anyone else seen
this problem?
Screen print of cut off tableshttp://foxweb.marist.edu/users/kbr4b/screenPrint.png

The rt-users Archives

Community help: http://wiki.bestpractical.com
Commercial support: sales@bestpractical.com

Discover RT’s hidden secrets with RT Essentials from O’Reilly Media.
Buy a copy at http://rtbook.bestpractical.com

3

Hi Gianluca,

Yep, I changed a few things. All I did was go into the folder that has the
stylesheets (\usr\share\rt3\html\NoAuth\css\3.4-compat) and changed some
values. I played around with them to my liking. I also changed my logo using
directions from the wiki (http://wiki.bestpractical.com/view/ChangeLogo) and
with some help from people on this list :). Let me know if you’d like
directions!

Best Regards,
-Brandi LOn 6/21/07, Gianluca Cecchi gcecchi@peviani.it wrote:

ok, thanks.
but apart from this I think you also modified other layout parameters in
your CSS such as colour, rendering, etc…
Your printout looks quite better than default ‘3.4-compat’ if I try
it…

Da: Brandi L [mailto:maristbrandi@gmail.com]
Inviato: mercoledì 20 giugno 2007 18.45
A: Gianluca Cecchi
Cc: rt-devel@lists.bestpractical.com
Oggetto: Re: R: [rt-users] Adding an image, tables cut off

Hi Gianluca,

In your RT_SiteConfig.pm file you just need to add the following line:
Set( $WebDefaultStylesheet, ‘3.4-compat’);

Hope that helps!
-Brandi L

On 6/20/07, Gianluca Cecchi gcecchi@peviani.it wrote:

As a side question: how did you manage to have the Navigation Bar
(Home, Simple Search, Tickets, etc) placed vertically instead of the default
horizontal way?
From the gui or tricking the code?

thanks
gianluca

My other problem is the fact that in Internet Explorer (but not in
Firefox) the right side of my tables is getting cut off when using the
3.4-compat stylesheets (see screen print link below). Has anyone else
seen this problem?
Screen print of cut off tableshttp://foxweb.marist.edu/users/kbr4b/screenPrint.png

The rt-users Archives

Community help: http://wiki.bestpractical.com
Commercial support: sales@bestpractical.com

Discover RT’s hidden secrets with RT Essentials from O’Reilly Media.
Buy a copy at http://rtbook.bestpractical.com

4

Jeff,

Sure!
Here’s the changes I’ve made…

forms.css:

.submit {
%# background: #069;
background: #A61E1E;
%# These borders are needed so the container actually surrounds the floats
inside it
%# border-top: 1px solid white;
%# border-bottom: 1px solid white;
border: 3px solid #A61E1E;
border: 1px solid black;
%# color: #ffdb00;
color: white;
font-weight: bold;
}

header.css

#header {
%# background: #4282b5;
background: #A61E1E;
%# margin-top: 0;
%# padding-bottom: 0.2em;
color: white;
border-left: 2px solid white;
float: left;
%# width: 82%;
width: 81%;
}

#header h1 {
%# background: #4282b5;
background: #A61E1E;
color: white;
font-size: 1.7em;
%# margin: 0;
%# padding: 0;
border: 4px solid #A61E1E;
}

main.css
I just added at the end…

A:visited {color: #732B2B}

misc.css

.oddline { background: white; }
%#.evenline { background: #cecfef; }
.evenline { background: #EEE9E9; }

nav.css

#nav {
clear: left;
float: left;
%# width: 18%;
width: 16%;
font-size: 1.4em;
%# color: #eee;
color: white;
margin: 0;
%# background: #4282b5 url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat
bottom right;
background: #A61E1E url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat
bottom right;
}

#nav :visited.selected
{

color: #ff6;

color: white;

}

titlebox.css

.titlebox .titlebox-title {
%# background: #069;
background: #A61E1E;
padding: 0.2em 0.5em;
color: white;
%# border-top: 1px solid black;
%# border-bottom: 1px solid black;
border: 1px solid black;
font-weight: bold;
position: relative;
}
.titlebox .titlebox-title .right {
position: absolute;
%# right: 1.5em;
right: 0.5em;
font-size: 0.9em;
}

transactions.css

.ticket-transaction.even {
%# background: #cecfef;
background: #EEE9E9;
}

%#.ticket-transaction.basics { border-color: #9c3031; }
.ticket-transaction.basics { border-color: #000000; }
%#.ticket-transaction.basics .type { background: #9c3031; }
.ticket-transaction.basics .type { background: #363636; }
.ticket-summary .ticket-info-basics .titlebox-content { border-left: none; }
%#.ticket-summary .ticket-info-basics .titlebox-title { background: #9c3031;
}
.ticket-summary .ticket-info-basics .titlebox-title { background: #585252;
color: white; }

%#.ticket-transaction.people { border-color: #31309c; }
.ticket-transaction.people { border-color: #000000; }
%#.ticket-transaction.people .type { background: #31309c; }
.ticket-transaction.people .type { background: #494949; }
.ticket-summary .ticket-info-people .titlebox-content { border-left: none; }
%#.ticket-summary .ticket-info-people .titlebox-title { background: #31309c;
}
.ticket-summary .ticket-info-people .titlebox-title { background: #585252;
color: white; }

%#.ticket-transaction.links { border-color: #316531; }
.ticket-transaction.links { border-color: #000000; }
%#.ticket-transaction.links .type { background: #316531; }
.ticket-transaction.links .type { background: #606060; }
.ticket-summary .ticket-info-links .titlebox-content { border-left: none; }
%#.ticket-summary .ticket-info-links .titlebox-title { background: #316531;
}
.ticket-summary .ticket-info-links .titlebox-title { background: #A61E1E;
color: white; }

%#.ticket-transaction.dates { border-color: #633063; }
.ticket-transaction.dates { border-color: #000000; }
%#.ticket-transaction.dates .type { background: #633063; }
.ticket-transaction.dates .type { background: #707070; }
.ticket-summary .ticket-info-dates .titlebox-content { border-left: none; }
%#.ticket-summary .ticket-info-dates .titlebox-title { background: #633063;
}
.ticket-summary .ticket-info-dates .titlebox-title { background: #585252;
color: white; }

%#.ticket-transaction.message { border-color: #069; }
.ticket-transaction.message { border-color: #000000; }
%#.ticket-transaction.message .type { background: #069; }
.ticket-transaction.message .type { background: #848484; }

Enjoy!

Best Regards,
Brandi LOn 6/21/07, Jeff Voskamp jeff@voskamp.ca wrote:

Brandi L wrote:

Hi Gianluca,

Yep, I changed a few things. All I did was go into the folder that has
the stylesheets (\usr\share\rt3\html\NoAuth\css\3.4-compat) and
changed some values. I played around with them to my liking. I also
changed my logo using directions from the wiki (
ChangeLogo - Request Tracker Wiki) and with some help from
people on this list :). Let me know if you’d like directions!

Best Regards,
-Brandi L
I’d be interested in comparing your tweaks with my tweaks.

Jeff Voskamp

diff -rb /var/rt/html/NoAuth/css/3.5-default/titlebox.css ./titlebox.css
55c55
< /margin: 1em 2em 0.5em 2em;/

/*margin: 1em 1em 0.0em 2em;*/

59c59
< margin: 1em 2em 0.5em 2em;

margin: 1em 0em 0em 1em;

63c63,67
<

margin: 1em 0em 0em 1em;

}
.titlebox td {
font-size: 1.0em;
margin: 1em 0em 0em 1em;
67c71
<

margin: 1em -1em 0em 0em;

134c138
< background: url(<%$RT::WebImagesURL%>/css/rollup-arrow.gif) no-repeat
center center;

background: url(<%$RT::WebImagesURL%>/css/rollup- arrow.gif) no-repeat
center top;
166c170
< background-position: center 0.3em;

background-position: center top;

171c175
< background-image: url(<%$RT::WebImagesURL%>/css/rolldown- arrow.gif
);

background-image: url(<%$RT::WebImagesURL%>/css/rolldown-arrow.gif)

no-repeat center top;

5

Brandi L wrote:

Hi everyone!

I have two issues here that I’m trying to solve.
…
My other problem is the fact that in Internet Explorer (but not in
Firefox) the right side of my tables is getting cut off when using the
3.4-compat stylesheets (see screen print link below). Has anyone else
seen this problem?
Screen print of cut off tables
http://foxweb.marist.edu/users/kbr4b/screenPrint.png

Does anyone have any suggestions? Help is, as always, greatly appreciated.

Thanks!

Regards,
Brandi L
Using IE7? I suspect that it’s CSS intended for IE5.X that’s messing
things up. I have to straighten this up before we can go to 3.6 here.
happens with the 3.5-default skin as well, but you also get messed-up
“hide” buttons on each section.

Jeff Voskamp

6

As a side question: how did you manage to have the Navigation Bar (Home,
Simple Search, Tickets, etc) placed vertically instead of the default
horizontal way?

From the gui or tricking the code?

thanks
gianluca

My other problem is the fact that in Internet Explorer (but not

in Firefox) the right side of my tables is getting cut off when using
the 3.4-compat stylesheets (see screen print link below). Has anyone
else seen this problem?
Screen print of cut off tables
http://foxweb.marist.edu/users/kbr4b/screenPrint.png