hecrowell Posted September 16, 2017 Report Share Posted September 16, 2017 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. Quote Link to comment Share on other sites More sharing options...
Administrators ProAvia Posted September 16, 2017 Administrators Report Share Posted September 16, 2017 (edited) 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 Quote Link to comment Share on other sites More sharing options...
hecrowell Posted September 17, 2017 Author Report Share Posted September 17, 2017 Cannot paste the code here...zipped up the PilotData.Class.php file and attached. Hope that is the correct file pilotdataclass.zip Quote Link to comment Share on other sites More sharing options...
Administrators ProAvia Posted September 17, 2017 Administrators Report Share Posted September 17, 2017 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. Quote Link to comment Share on other sites More sharing options...
in2tech Posted September 17, 2017 Report Share Posted September 17, 2017 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! Quote Link to comment Share on other sites More sharing options...
Moderators shakamonkey88 Posted September 18, 2017 Moderators Report Share Posted September 18, 2017 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. Quote Link to comment Share on other sites More sharing options...
in2tech Posted September 18, 2017 Report Share Posted September 18, 2017 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 Quote Link to comment Share on other sites More sharing options...
Moderators servetas Posted September 19, 2017 Moderators Report Share Posted September 19, 2017 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> Quote Link to comment Share on other sites More sharing options...
hecrowell Posted September 19, 2017 Author Report Share Posted September 19, 2017 (edited) 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 Quote Link to comment Share on other sites More sharing options...
in2tech Posted September 20, 2017 Report Share Posted September 20, 2017 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! Quote Link to comment Share on other sites More sharing options...
Moderators servetas Posted September 20, 2017 Moderators Report Share Posted September 20, 2017 Try it Quote Link to comment Share on other sites More sharing options...
in2tech Posted September 20, 2017 Report Share Posted September 20, 2017 (edited) 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 Quote Link to comment Share on other sites More sharing options...
Moderators servetas Posted September 26, 2017 Moderators Report Share Posted September 26, 2017 What do you mean that it doesn't work? Can you share any link? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.