Upcoming Games

(UTC times)


Full list
Add a game

Upcoming Events

No events to display

Customize Train List column order

You are here: Home > Forum > Wishlist > Features wish list > Customize Train List column order

Page 2 of 2

Customize Train List column order 08/07/2014 at 15:33 #62586
Prof Jolly
Avatar
61 posts
here is the full file to copy and paste into trainlist.css this will blank all fields just delete the lines with td.(column you wish to display) and th.(column you wish to display
h1
{
color:blue;
text-align:left;
font-size:12pt;
}
body
{
font-family:Arial,Helvetica,sans-serif;
}
table
{
border-collapse:collapse;
font-size:9pt;
}
table,th,td
{
border: 1px solid black;
text-align:left;
padding:3px;
}
th
{
color:white;
background-color:black;
font-weight:normal;
}
tr.alternate1
{
background-color:#EAF2D3;
}
tr.alternate2
{
background-color:white;
}

td.tid {display:none; }
td.tt { display:none;}
td.dir {display:none; }
td.status {display:none; }
td.loc {display:none; }
td.len {display:none; }
td.passsig {display:none; }
td.nonstop {display:none; }
td.power { display:none;}
td.desc { display:none;}
td.rules {display:none; }
td.wks { display:none;}

th.tid {display:none; }
th.tt { display:none;}
th.dir { display:none;}
th.status { display:none;}
th.loc { display:none;}
th.len {display:none; }
th.passsig { display:none;}
th.nonstop {display:none; }
th.power {display:none; }
th.desc { display:none;}
th.rules { display:none;}
th.wks {display:none; }

td, th
{
text-align:left;
white-space: nowrap;
}


and here is a list of each column bit after . in th/td = Column name in F2 window
tld = ID
tt = WTT
dir = Dir
status = Status
loc = Location
len = Length
passsig = Paas Sig
nonstop = Non-stop Next
power = Power
desc = Description
rule = Rules
wks = Workstation

If you need me to write a custom css file for you please PM me and I will do it for you

Log in to reply
The following user said thank you: maxand
Customize Train List column order 08/07/2014 at 16:18 #62589
clive
Avatar
2789 posts
" said:
Thanks James for the first helpful answer to the last question. You've confirmed my suspicions that HTML is not displayed.
HTML *is* displayed. Just not an HTML file.

Quote:

But this is in reality a rather clumsy workaround, requiring some CSS knowledge on the part of the user. Far better if a choice of which columns to make visible could be incorporated into the RH context menu of the Train List, even if the current column order remains fixed.
Added to our tracking system (11085).

Log in to reply
Customize Train List column order 08/07/2014 at 16:51 #62590
peterb
Avatar
452 posts
Online
" said:
Quote:
the Loader generates the HTML on the fly and renders it itself, you can click to view in an external browser
I started up a Loader sim then looked in the Loader directory and its subfolders for an HTML file without finding one. Can you tell me what the name of this file is and where to find it please?
There is no file.

" said:
Quote:
why do people have to over complicate things?

Log in to reply
Customize Train List column order 09/07/2014 at 06:33 #62598
maxand
Avatar
1637 posts
Thanks Prof Jolly!

I don't know how you obtained these extra necessary elements but they work well.

Here is my version of the code. I put the headers first and then the data below. Also included all the elements but commented out the ones I wished to make visible (this makes adding/removing single elements to/from display easier for me).

/* th.tid {display:none; } */
th.tt { display:none;}
/* th.dir { display:none;} */
/* th.status { display:none;} */
/* th.loc { display:none;} */
/* th.len {display:none; } */
th.passsig { display:none;}
th.nonstop {display:none; }
/* th.power {display:none; } */
th.desc { display:none;}
th.rules { display:none;}
/* th.wks {display:none; } */

/* td.tid {display:none; } */
td.tt { display:none;}
/* td.dir {display:none; } */
/* td.status {display:none; } */
/* td.loc {display:none; } */
/* td.len {display:none; } */
td.passsig {display:none; }
td.nonstop {display:none; }
/* td.power { display:none;} */
td.desc { display:none;}
td.rules {display:none; }
/* td.wks { display:none;} */


with this nice compact, informative result:



If you create a shortcut to trainlist.css with the default that .css files open in your HTML or plain text editor (I use EditPlus), the columns shown can be changed 'on the fly', since the Train List calls on trainlist.css each time it is refreshed. For example, at some point I might prefer to include Description, so it's simply a matter of commenting out th.desc { display:none;} and td.desc { display:none;}.

Alternatively you could put all these lines in a big commented-out block in your CSS file, then just copy out of it the ones you want to hide.

Last edited: 09/07/2014 at 06:37 by maxand
Log in to reply