Pilot Roster - Align Columns

[hecrowell]

How would I align the columns on our pilot roster? We have six hubs (3 shown on image) and the columns for pilots in each hub are mis-aligned.

[ProAvia]

Can you post the code for that page?

I think I had something similar at first - but don't recall how I fixed it. It may have been by defining a specific/static width for each column. If I recall, each column or the header may be based on a percentage of total width and that width dynamically fluctuates based on the number of characters in each cell within the table. Setting a static column width might fix it.

Edited September 17, 2017 by ProAvia

[hecrowell]

Cannot paste the code here...zipped up the PilotData.Class.php file and attached.

 

Hope that is the correct file

 

 

pilotdataclass.zip

[ProAvia]

I think the file is pilots_list.php - the default file is in /core/templates. If you already customized this file, it may be in your skin folder (/lib/skins/(your_skin_name).

To paste code here, use the ' <> ' in the menu and then copy the code from your file and paste it here.

[in2tech]

Something like this will do it. You have to edit your pilot_list.php or tpl file:

 

<tr>
    <th align= "center" width="100px">Avatar</th>
    <th align= "center" width="100px">Pilot Hub</th>
    <th align= "center" width="100px">ID</th>
    <th align= "center" width="200px">Name</th>
    <th align= "center" width="100px">Rank</th>
    <th align= "center" width="100px">Flights</th>
    <th align= "center" width="100px">Hours</th>
    <th align= "center" width="100px">Vatsim</th>
    <th align= "center" width="100px">IVAO</th>
    <th align= "center" width="100px">Status</th>

</tr>

This is how I lined mine up! I think I got the code here somewhere! Of course you edit it for your options!

[shakamonkey88]

The problem with that code is that it isn't responsive with set px values and doesn't care up/down correctly. I'm pretty sure the answer is that it's missing a div somewhere. Once I get to work, I'll have a look and post it here. 

[in2tech]

15 hours ago, shakamonkey88 said:

The problem with that code is that it isn't responsive with set px values and doesn't care up/down correctly. I'm pretty sure the answer is that it's missing a div somewhere. Once I get to work, I'll have a look and post it here. 

True it Is not responsive but it does work

[servetas]

It really works but if you simply change the "px" values to percent values, everything is going to work fine. For example:

 <tr>
    <th align= "center" width="10%">Avatar</th>
    <th align= "center" width="10%">Pilot Hub</th>
    <th align= "center" width="10%">ID</th>
    <th align= "center" width="20%">Name</th>
    <th align= "center" width="10%">Rank</th>
    <th align= "center" width="5%">Flights</th>
    <th align= "center" width="5%">Hours</th>
    <th align= "center" width="10%">Vatsim</th>
    <th align= "center" width="10%">IVAO</th>
    <th align= "center" width="10%">Status</th>

</tr> 

 

[hecrowell]

I am away for a week, so dont think I am ignoring this...will check it out sometime next week.

 

Edited September 19, 2017 by hecrowell

[in2tech]

17 hours ago, servetas said:

It really works but if you simply change the "px" values to percent values, everything is going to work fine. For example:

 <tr>
    <th align= "center" width="10%">Avatar</th>
    <th align= "center" width="10%">Pilot Hub</th>
    <th align= "center" width="10%">ID</th>
    <th align= "center" width="20%">Name</th>
    <th align= "center" width="10%">Rank</th>
    <th align= "center" width="5%">Flights</th>
    <th align= "center" width="5%">Hours</th>
    <th align= "center" width="10%">Vatsim</th>
    <th align= "center" width="10%">IVAO</th>
    <th align= "center" width="10%">Status</th>

</tr> 

 

So it will be responsive now? If so nice, and thanks!

 

[servetas]

Try it

[in2tech]

13 hours ago, servetas said:

Try it

I will? So apparently because I have and area with the Active area in a box that part is not working correctly, or it just goes to a certain screen size. I other words won't work on say a cell phone?

 

So basically I am causing the problem now  If it was the default code it would work? And the default columns, etc...

Edited September 20, 2017 by jnascar

[servetas]

What do you mean that it doesn't work? Can you share any link?