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.
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.
Cannot paste the code here…zipped up the PilotData.Class.php file and attached.
Hope that is the correct file
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.
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!
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.
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
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\>
I am away for a week, so dont think I am ignoring this…will check it out sometime next week.
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!
Try it
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…
What do you mean that it doesn’t work? Can you share any link?