Jump to content


Photo

MFL Custom Submit Lineup Script


107 replies to this topic

#1 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 06:01 PM

Habman and I just finished up taking the script created by Screaming Eagles and adding our customizations.

 

Great work and idea from Screaming Eagles - thanks for the share !

 

If you are using the headshot.js script , you will need to remove it , as the following lineup script already has a copy of it built in.

 

 

1. Make sure you have a jQuery Library loaded in a header message on your site. If not add the following to a header message.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

 

2. Go to the commissioner setup page , Appearance Setup , Reports and Security Settings and make sure that  Display NFL Opponent's Passing/Rushing Rank On Submit Lineup Page?  is set to true. Also check if you have a section to set Fantasy Sharks projections to true , if so do that as well. MFL has removed this as a setting and made it defaulted once checked, so you may or may not have it showing.

 

3. Load the script(s). Place the following in a HPM , that is marked as a header , it can/should be the same HPM that you have your jQuery library loaded , so place it below the library, if you have other scripts loaded , just place it under those as well.

<script src="//nitrografixx.com/MFL-Lineup/lineup.js"></script> 

 

4. Load font awesome - if you are already loading font awesome , then no need for this step. Just place this script directly underneath the lineup.js file noted in # 3 of these instructions.

     if you do not want to load or use font awesome icons , you can create your own images for the  "x , + and checkmark"  

<script src="//use.fontawesome.com/6ccd97559b.js"></script> 

After steps 1 - 4 your header message should now look like this

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="//nitrografixx.com/MFL-Lineup/lineup.js"></script>
<script src="//use.fontawesome.com/6ccd97559b.js"></script> 

 

 

5. Add Var script and set to your liking

<script>
var lu_includeValidation = true;
var lu_mobileFlipOnAddRemove = true;
var lu_addOptionalStarters = true;
var lu_useDefaultAsPrimary = false;
</script>

 

6. Load css for the lineups page. Copy and paste this into your custom stylesheet. The very top of this stylesheet has a section to be edited to match your site. So change those colors as needed.

 

/****************************************/
/* EDIT COLORING BELOW TO MATCH MY SITE */
/****************************************/
/* table header row */
#options_02 .report .theader{background:#f9f9f9;border-bottom:2px solid #ddd}
/* bg coloring for table rows inside each table that display Select x amount of players */
#options_02 .report .toomany{background:#fcc} /* light shaded red when player limit exceeded */
#options_02 .report .notenough{background:#ffc} /* light shaded yellow when need to add more players to that position */
#options_02 .report .rightamount{background:#f1f1f1} /* grey shade when have correct value of position player in lineup */
/* Starter and Bench tablerow background color and border color */
#options_02 #startertable tr.playerrow.eventablerow,#options_02 #benchtable tr.playerrow.eventablerow{background:#fff;}
#options_02 #startertable tr.playerrow.oddtablerow,#options_02 #benchtable tr.playerrow.oddtablerow{background:#fff;}
#options_02 #startertable tr.row_empty,#options_02 #benchtable tr.row_empty{background:#fff;}
#options_02 tr.rightamount td,#options_02 tr.notenough td,#options_02 tr.toomany td,#options_02 tr.row_empty td,
#options_02 #startertable tr.playerrow.oddtablerow,#options_02 #benchtable tr.playerrow.oddtablerow,
#options_02 #startertable tr.playerrow.eventablerow,#options_02 #benchtable tr.playerrow.eventablerow{border-bottom:1px solid #ddd;}
/* player photo */
#options_02 #startertable tr.playerrow td.pphoto,#options_02 #benchtable tr.playerrow td.pphoto{border:1px solid #ddd;background:#fff}
/* player injury */
#options_02 #benchtable td.inj b,#options_02 #startertable td.inj b{color:#fff;background:#cd2122}
/* player proj points */
#options_02 #benchtable td.proj-pts,#options_02 #startertable td.proj-pts{color:green}
/* player matchup - player on bye text color */
#options_02 #startertable tr.playerrow td.weekly-opp b,#options_02 #benchtable tr.playerrow td.weekly-opp b{color:#999;font-family: 'Roboto',sans-serif;}
/* x drop player icon */
#options_02 #startertable tr.playerrow:after{color:#cd2122}
/* lock icon color for player on bye or game started */
#options_02 #benchtable tr.playerrow.disabled-row:after,#options_02 #startertable tr.playerrow.disabled-row:after{color:#cd2122}
/* + add player icon */
#options_02 #benchtable tr.playerrow:after,#options_02 #benchtable tr.playerrow.original-starter:before,#options_02 #startertable tr.playerrow.original-starter:before{color:green}
/* submit lineup - use default submit form icon color */
#options_02 .form_buttons:before,#options_02 .form_buttons.default-btn:after,#go-back:before{color:#fff}
/* Add Button for Empty starter rows on mobile */
#options_02 #startertable .row_empty td:after{color:green}


/**************************************/
/* NO NEED TO EDIT BELOW LAYOUT STYLE */
/**************************************/
/* table layout */
#options_02 #startertable{float:left;width:49.9%}
#options_02 #benchtable{float:right;width:49.9%}
#options_02 .reportnavigation{clear:both}
#options_02 #startertable .oddtablerow th,#options_02 #startertable .eventablerow th,#options_02 #benchtable .oddtablerow th,#options_02 #benchtable .eventablerow th{display:none}
#options_02 .report .playerrow:hover,#options_02 .report .playerrow:hover{cursor:pointer}
#options_02 .report .postitle{text-transform:uppercase}
#options_02 #benchtable .sheader,#options_02 #startertable .sheader{position:relative;width:100%;display:inline-table}
#options_02 #benchtable .sheader th,#options_02 #startertable .sheader th{height:22px;line-height:22px;font-weight:400;font-size:12px}
#options_02 .report .offstartern{position:absolute;right:10px}
#options_02 #startertable tr.playerrow,#options_02 #benchtable tr.playerrow{position:relative;height:56px;background:none;border:0;box-shadow:none;display:block}
.row_empty{height:56px}
#options_02 #startertable tr.playerrow td,#options_02 #benchtable tr.playerrow td{padding:0;font-size:14px;background:none;border:0;box-shadow:none}

/* Hide table on submit lineup submission page when error lineup occures */
#body_submit_lineups #submit_lineups form{display:none}

/* table header row */
#options_02 .report .theader{height:30px;line-height:30px;position:relative;box-shadow:none;display:block}
#options_02 .report .theader td{padding:0;font-size:11px;font-weight:400}

/* player photo */
#options_02 #startertable tr.playerrow td.pphoto,#options_02 #benchtable tr.playerrow td.pphoto{border-radius:50%;width:51px;max-width:51px;height:51px;overflow:hidden;text-align:center;position:absolute;left:1px;top:2px}
#options_02 #startertable .headshot,#options_02 #benchtable .headshot{height: 57px;width: 42px;margin-top: -2px;}
#options_02 #startertable tr.def_row .headshot, #options_02 #benchtable tr.def_row .headshot {height:100%;margin:0;width:auto;}
/* player name */
#options_02 #startertable tr.playerrow td.player,#options_02 #benchtable tr.playerrow td.player{position:absolute;left:60px;top:2px;border:0;box-shadow:none;z-index:1}
#options_02 #benchtable tr.theader td.player,#options_02 #startertable tr.theader td.player{position:absolute;left:1px;top:0;border:0;box-shadow:none}
/* player matchup */
#options_02 #startertable tr.playerrow td.weekly-opp,#options_02 #benchtable tr.playerrow td.weekly-opp{position:absolute;left:65px;top:21px;border:0;box-shadow:none;font-size:12px}
#options_02 #startertable tr.playerrow td.weekly-opp b,#options_02 #benchtable tr.playerrow td.weekly-opp b{font-weight:400;font-style:italic;}
#options_02 #startertable tr.playerrow td.weekly-opp b:before,#options_02 #benchtable tr.playerrow td.weekly-opp b:before{content:"Player on ";}
#options_02 #startertable tr.playerrow td.weekly-opp b:after,#options_02 #benchtable tr.playerrow td.weekly-opp b:after{content:" this week !";}
/* player injury */
#options_02 #benchtable td.inj,#options_02 #startertable td.inj{position:absolute;left:40px;top:36px;border:0;box-shadow:none;}
#options_02 #benchtable td.inj b,#options_02 #startertable td.inj b{font-size:10px;font-weight:400;border-radius:50%;width:16px;height:16px;line-height:16px;display:block}
/* player proj points */
#options_02 #benchtable td.proj-pts,#options_02 #startertable td.proj-pts{position:absolute;left:70px;top:37px;border:0;box-shadow:none;text-align:center;font-size:12px!important}
#options_02 #benchtable td.proj-pts:before,#options_02 #startertable td.proj-pts:before{content:"Proj Pts: ";}
/* player bye */
#options_02 #benchtable td.bye,#options_02 #startertable td.bye{display:none;}
/* player ytd points */
#options_02 #benchtable td.ytd-pts,#options_02 #startertable td.ytd-pts{position:absolute;right:120px;top:18px;border:0;box-shadow:none;width:45px;text-align:center}
#options_02 #benchtable tr.theader td.ytd-pts,#options_02 #startertable tr.theader td.ytd-pts{position:absolute;right:120px;top:0;border:0;box-shadow:none;width:45px;text-align:center;}
#options_02 #benchtable td.ytd-pts a,#options_02 #startertable td.ytd-pts a{text-decoration:none}
/* player avg points */
#options_02 #benchtable td.avg-pts,#options_02 #startertable td.avg-pts{position:absolute;right:180px;top:18px;border:0;box-shadow:none;width:45px;text-align:center}
#options_02 #benchtable tr.theader td.avg-pts,#options_02 #startertable tr.theader td.avg-pts{position:absolute;right:180px;top:0;border:0;box-shadow:none;width:45px;text-align:center;}
/* player rush pass rank */
#options_02 #benchtable td.rush-rank,#options_02 #startertable td.rush-rank{position:absolute;right:40px;top:18px;border:0;box-shadow:none;width:20px;text-align:center}
#options_02 #benchtable td.pass-rank,#options_02 #startertable td.pass-rank{position:absolute;right:75px;top:18px;border:0;box-shadow:none;width:20px;text-align:center}
#options_02 #benchtable tr.theader td.rank,#options_02 #startertable tr.theader td.rank{position:absolute;right:40px;top:0;border:0;box-shadow:none;width:60px;text-align:center;}
#options_02 #benchtable td.pass-rank a,#options_02 #startertable td.pass-rank a,#options_02 #benchtable td.rush-rank a,#options_02 #startertable td.rush-rank a{text-decoration:none}
tr.theader .opp-rank{white-space:nowrap;display:block;position:absolute;left:0;right:0;top:-8px}
tr.theader .rush-rank{position:absolute;left:0px;top:7px}
tr.theader .pass-rank{position:absolute;right:0px;top:7px;}
/* player nfl news */
#options_02 #startertable tr.playerrow td.nfl-news,#options_02 #benchtable tr.playerrow td.nfl-news{display:none}

/* Disable pointer events */
#options_02 #startertable tr.playerrow,#options_02 #benchtable tr.playerrow{pointer-events:none;z-index:0}
/* Enable pointer events for player name - ytd points and font awesome icon */
#options_02 #startertable td.player a,#options_02 #benchtable td.player a,#startertable tr.playerrow:after,#benchtable tr.playerrow:after{pointer-events:all}
#options_02 #startertable td.player a:before,#options_02 #benchtable td.player a:before{content:"";position:absolute;height:100%;width:102%;z-index:-1;}

/* Add sillouete image to starter empty table rows */
#startertable tr.row_empty td{position:relative;}
#startertable tr.row_empty td:before {content:"";position:absolute;border-radius: 50%; width: 51px;max-width: 51px;height: 51px;overflow: hidden;text-align: center;position: absolute;left: 1px;top: 2px;background:#fff url(//nitrografixx.com/MFL-Popups/silhouette.png)no-repeat;background-size:42px 57px;border:1px solid #ddd;border-bottom:0;background-position:50% 60%;overflow:hidden;}


/******************/
/*  FONT AWESOME  */
/******************/
/* Starter table x icon */
#options_02 #startertable tr.playerrow:after{content:"\f057";font-family:FontAwesome;position:absolute;top:13px;z-index:1;font-size:30px;right:5px}
/* Bench table + icon */
#options_02 #benchtable tr.playerrow:after{content:"\f055";font-family:FontAwesome;position:absolute;top:13px;z-index:1;font-size:30px;right:5px}
/* Starter and Bench table lock icon */
#options_02 #benchtable tr.playerrow.disabled-row:after,#options_02 #startertable tr.playerrow.disabled-row:after{content:"\f023";font-family:FontAwesome;position:absolute;top:13px;z-index:1;font-size:30px;right:7px;cursor:default}
/* Starter and Bench table checkmark icon */
#options_02 #benchtable tr.playerrow.original-starter:before,#options_02 #startertable tr.playerrow.original-starter:before{content:"\f05d";font-family:FontAwesome;position:absolute;top:1px;z-index:1;font-size:16px;left:1px;cursor:default;height:12px;width:12px;background:none}
/* Button layout to use icons */
#options_02 .form_buttons input[type="button"],#go-back.form_buttons input[type="button"]{position:relative;padding:5px 10px 5px 25px !important;font-size:16px}
/* Submit button icon */
#options_02 .form_buttons:before{font-family:'FontAwesome';position:relative;left:26px;content:"\f00c";z-index:1;font-size:16px}
/* Use default submission form icon */
#options_02 .form_buttons.default-btn input[type="button"]{position:relative;padding:5px 25px 5px 10px !important;font-size:16px}
#options_02 .form_buttons.default-btn:before,#options_02 h3 + p.default-btn {display:none}
#options_02 .form_buttons.default-btn:after{font-family:'FontAwesome';position:relative;right:23px;content:"\f0a9";z-index:1;font-size:16px}
/* form submission go back button */
#go-back:before {font-family: 'FontAwesome'; position: relative;left: 23px;content: "\f0e2";z-index: 1;font-size: 16px;}
#options_02 p.form_buttons,#go-back.form_buttons{margin-left:-16px;}
#options_02 p.form_buttons.default-btn{margin-left:16px;}

 

 

7.  Load responsive styles , if your using a responsive skin design

 

/* Lineup Responsive Styles */
@media only screen and (max-width: 63em) {
/* player avg points */
#options_02 #benchtable td.avg-pts,#options_02 #startertable td.avg-pts,
#options_02 #benchtable tr.theader td.avg-pts,#options_02 #startertable tr.theader td.avg-pts{display:none}
}
@media only screen and (max-width: 54em) {
/* player ytd points */
#options_02 #benchtable td.ytd-pts,#options_02 #startertable td.ytd-pts,
#options_02 #benchtable tr.theader td.ytd-pts,#options_02 #startertable tr.theader td.ytd-pts{display:none}
}
@media only screen and (max-width: 44em) {
.starter-hide,.bench-hide{display:none!important}
.starter-show,.bench-show{float:inherit!important;width:100%!important}
.mobile-link{cursor:pointer}
.mobile-table-hide{display:none!important}
.mobile-table-show{float:inherit!important;width:100%!important}
#options_02 #startertable .row_empty td{position:relative}
#options_02 #startertable .row_empty td:after{font-family:"FontAwesome";position:absolute;content:"\f055";font-size:30px;right:5px;top:13px}
/* player ytd points */
#options_02 #benchtable td.ytd-pts,#options_02 #startertable td.ytd-pts,
#options_02 #benchtable tr.theader td.ytd-pts,#options_02 #startertable tr.theader td.ytd-pts{display:block;right:150px;}
/* player avg points */
#options_02 #benchtable td.avg-pts,#options_02 #startertable td.avg-pts,
#options_02 #benchtable tr.theader td.avg-pts,#options_02 #startertable tr.theader td.avg-pts{display:block;right:250px;}
}
@media only screen and (max-width: 35em) {  
/* player ytd points */
#options_02 #benchtable td.ytd-pts,#options_02 #startertable td.ytd-pts,
#options_02 #benchtable tr.theader td.ytd-pts,#options_02 #startertable tr.theader td.ytd-pts{right:120px;}
/* player avg points */
#options_02 #benchtable td.avg-pts,#options_02 #startertable td.avg-pts,
#options_02 #benchtable tr.theader td.avg-pts,#options_02 #startertable tr.theader td.avg-pts{right:180px;}  
}
@media only screen and (max-width: 31em) {
/* player avg points */
#options_02 #benchtable td.avg-pts,#options_02 #startertable td.avg-pts,
#options_02 #benchtable tr.theader td.avg-pts,#options_02 #startertable tr.theader td.avg-pts{display:none}  
}
@media only screen and (max-width: 26em) {
/* player ytd points */
#options_02 #benchtable td.ytd-pts,#options_02 #startertable td.ytd-pts,
#options_02 #benchtable tr.theader td.ytd-pts,#options_02 #startertable tr.theader td.ytd-pts{display:none} 
}
@media only screen and (max-width: 20em) {
#options_02 #benchtable td.rush-rank,#options_02 #startertable td.rush-rank{right:38px;}
#options_02 #benchtable td.pass-rank,#options_02 #startertable td.pass-rank{right:68px;}
#options_02 #benchtable tr.theader td.rank,#options_02 #startertable tr.theader td.rank{right:36px;}
tr.theader .rush-rank{left:3px}
tr.theader .pass-rank{right:3px;}
}
@media only screen and (max-width: 19.9em) {
#options_02 #benchtable td.rush-rank,#options_02 #startertable td.rush-rank,#options_02 #benchtable td.pass-rank,#options_02 #startertable td.pass-rank{display:none}
#options_02 #benchtable tr.theader td.rank,#options_02 #startertable tr.theader td.rank{display:none}
}

FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#2 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 06:24 PM

Here are some screen shots

 

Desktop

screenshot.jpg

 

 

 

 

 

Mobile Portrait view

 

screenshot2.png

 

 

 

screenshot3.png

 

 

 

Mobile Landscape view

 

 

screenshot4.png


FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#3 sackdaddy

sackdaddy

    Veteran

  • Members
  • PipPipPip
  • 56 posts
  • Gender:Male

  • 2016 MFL: 13206

Posted 22 May 2017 - 08:10 PM

Looks amazing! Thanks guys. I notice that it's pulling the wrong info for starting lineups though. It says 0/29 Starters, but I only have 20 starters in my league, and 9 have to be IDPs.



#4 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 08:26 PM


Looks amazing! Thanks guys. I notice that it's pulling the wrong info for starting lineups though. It says 0/29 Starters, but I only have 20 starters in my league, and 9 have to be IDPs.


A link to the league is always helpful when pointing out an issue

 

and clarify

 

how many total starters does your league have ?  29 or 20

 

how many offense and how many defense ?

 

Your 2016 league API is showing a total of 19 starters , 10 offense and 9 defense

 

 

http://www67.myfanta...13206&W=&JSON=1


FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#5 sackdaddy

sackdaddy

    Veteran

  • Members
  • PipPipPip
  • 56 posts
  • Gender:Male

  • 2016 MFL: 13206

Posted 22 May 2017 - 08:42 PM

http://www67.myfanta...17/home/13206#0

 

I guess I didn't word it clearly enough, 20 starters in my league, 9 of those have to be IDP and 11 are on offense (QB, RB, WR, TE, PK)



#6 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 08:54 PM

http://www67.myfanta...17/home/13206#0
 
I guess I didn't word it clearly enough, 20 starters in my league, 9 of those have to be IDP and 11 are on offense (QB, RB, WR, TE, PK)


Can u post a screen shot of your starting lineup setup page pls, I will try to duplicate the issue
FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#7 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 09:01 PM

Scratch that response
Got it understood
FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#8 Screaming Eagle

Screaming Eagle

    Veteran

  • Members
  • PipPipPip
  • 301 posts
  • Gender:Male
  • Location:Denver

  • 2016 MFL: 49721

Posted 22 May 2017 - 09:07 PM

I see the issue
In your starting lineup setup you are putting total number of starters at 20 , then setting your IDP starters at 9 , so the total is 29

The total number of starters column is meant to be for offense only, then there is a separate input for IDP starters

So you should have 11 offense starters set as total, then 9 IDP , surprised no one in your league has abused this setup, as they currently could set 29 starters with your setup


His settings are correct. The way MFL does it is they have the total starters, then there's total IDP starters. So the calculation is total players, minus IDP, equals offense.
Gridiron Tavern, the best IDP league available.

#9 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 22 May 2017 - 09:12 PM

I see the issue
In your starting lineup setup you are putting total number of starters at 20 , then setting your IDP starters at 9 , so the total is 29
The total number of starters column is meant to be for offense only, then there is a separate input for IDP starters
So you should have 11 offense starters set as total, then 9 IDP , surprised no one in your league has abused this setup, as they currently could set 29 starters with your setup


His settings are correct. The way MFL does it is they have the total starters, then there's total IDP starters. So the calculation is total players, minus IDP, equals offense.

Just figured that out, I have never played IDP
Our script is giving sum of starters , so it's adding total starters and total def starters
Will fix tomorrow to just take the correct starter amt
FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#10 UFFLCommish

UFFLCommish

    Veteran

  • Members
  • PipPipPip
  • 306 posts
  • Gender:Male
  • Location:Raleigh, NC

Posted 23 May 2017 - 12:59 AM

Great job!

 

Just curious. Is there a script that adds player headshots to the default submission form?

 

I removed the following script because it created double headshots on the custom submission form.

 

<!-- Add Headshots to Submit Lineup Options_02 And Sumbit Lineup module -->
<script src="http://www.nitrograf...ule_headshot.js"></script>
<style>
#submit_lineup .headshot {height:50px; width:auto;}
#options_02 .headshot {height:50px; width:auto;}
</style>
 



#11 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 23 May 2017 - 06:09 AM

Looks amazing! Thanks guys. I notice that it's pulling the wrong info for starting lineups though. It says 0/29 Starters, but I only have 20 starters in my league, and 9 have to be IDPs.

 

 

Script has been updated , please do a hard refresh and let me know if you issue has been resolved


FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#12 sackdaddy

sackdaddy

    Veteran

  • Members
  • PipPipPip
  • 56 posts
  • Gender:Male

  • 2016 MFL: 13206

Posted 23 May 2017 - 03:27 PM

Looks amazing! Thanks guys. I notice that it's pulling the wrong info for starting lineups though. It says 0/29 Starters, but I only have 20 starters in my league, and 9 have to be IDPs.

 

 

Script has been updated , please do a hard refresh and let me know if you issue has been resolved

 

It's fixed! Thanks for that, I know IDP is reserved for those of us with a few screws loose. 



#13 UFFLCommish

UFFLCommish

    Veteran

  • Members
  • PipPipPip
  • 306 posts
  • Gender:Male
  • Location:Raleigh, NC

Posted 23 May 2017 - 05:29 PM

Anyone else have an issue with the mobile view especially the portrait view not showing up like the images TOS posted?



#14 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 23 May 2017 - 05:34 PM

the appearance on mobiles will vary depending on the screen width of the device used , my example was with iPhone 6s  , for smaller width phones , some data is removed so it fits , and for larger screen width devices , more data is revealed

 

 

post a link to your site , the mobile device you are using (Brand/Model) , Operating System of the device , and mobile browser(FF,Chrome,Safari etc.) and i can view on a simulator to see the appearance. 

 

The bigger factor in appearance though probably rests with your site itself , if its not using a skin , or its been modified and has big images for the banner , or padding on the body and pagebody , then that would cause an issue. I've tried this script on all 43 skins and there is zero issue on IOS or android devices , and all good in desktop IE,FF,Chrome


FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/

#15 theeohiostate

theeohiostate

    Veteran

  • Members
  • PipPipPip
  • 3,342 posts
  • Gender:Male
  • Location:O-H-I-O

  • 2016 MFL: 42271

Posted 23 May 2017 - 06:15 PM

if you want the starters table on the right side instead of the left you can find this portion of css

#options_02 #startertable{float:left;width:49.9%}
#options_02 #benchtable{float:right;width:49.9%} 

 

and change to this

#options_02 #benchtable{float:left;width:49.9%}
#options_02 #startertable{float:right;width:49.9%} 

FREE Player Cuts Collection
http://www.nitrograf...nfl-playercuts/



Reply to this topic



  


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users