Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Implemented Team Pages

Discussion in 'Power Rankings Closed Suggestions' started by tajhay, Oct 15, 2015.

  1. tajhay

    tajhay Active Member CAS Premium AMS Premium SC Premium Sportsbook Pickem Power Rankings Survivor

    Like the idea of a power ranking team page.

    Shows your latest weeks power ranking, start of season ranking, high its achieved, and the low.

    Also has an IFLOT like chart built at the bottom showing its progress throughout the season and compared against other teams.

    Example here :
  2. Bob

    Bob Developer Staff Member

    That is one of the things I already have planned.... pretty much to a TEE (I think I have that page bookmarked, but for the Raiders ;) )
    tajhay likes this.
  3. Bob

    Bob Developer Staff Member

    Sneak peek of FLOT Chart integration on Team Pages

    There are 3 plots on a given teams Seasonal Ranking Chart.
    • Plot 1 is the Highest Ranking given for that team on a particular week
    • Plot 2 is the Lowest Ranking given for that team on a particular week
    • Plot 3 is the Ave of ALL Rankings given for that team on a particular week


    You can click on the Team Icons to view another Teams Seasonal Rankings within the same season. Here I simply clicked on the Chiefs Icon and it takes me to the 2015 NFL Preseason rankings for the Chiefs.


    Here I clicked on the 49ers Icon. You can also Switch a season by clicking on the Season Dropdown. Once you are viewing a season, it stays on that particular season until you change it. Makes for easy viewing of all team within a season.


    Its also RESPONSIVE. As you can see, I've made the browser width smaller and the Chart is now smaller in width.


    Even smaller (this is around 800 px wide).


    Once it hits the MEDIUM responsive break point, the OVERFLOW: auto kicks in as there is a min width for the FLOT Chart of 550:px (so you will need a horizontal scroll bar for Tablet and Smart Phones to view the full chart). You can see the Scroll bar kick in at the base of the chart in this image.


    When you mouse over an axis point on the chart, a Tooltip will display the Ranking. In this example, the Chiefs High Ranking for Week 4 is #8


    In this example, the Chiefs Average Ranking for Week 4 is #12


    In this example, the Chiefs Low Ranking for Week 4 is #16

    Regs and tajhay like this.
  4. Regs

    Regs Active Member AMS Premium SC Premium Sportsbook Pickem Power Rankings Survivor

    Now we're cooking!
  5. Bob

    Bob Developer Staff Member

    Another sneak Peek...

    I made a few changes to include adding a sidebar with a Team Statistics Block, Sport Block (to quickly change to another sport), Season Block (to switch between seasons while viewing a team) and the Power Rankings Statistics Block.

    The Team Stats Block is generated dynamically based on High, Low and Ave rankings for a given season. I only have 6 weeks of data with 3 users, so its not the best example, but you should get the point.

    I also added the Team Logo to the Team Header as a favor to one of the license holders. NOTE: These pages work fine for team without LOGO's.


    OK, lets talk about the CHARTS. As you've seen in most screen shots, the Y Axis is numbered 1 to 32 (top to bottom). This is determined by the number of teams in a given league which in turn is the exact amount of Ranking Positions.

    When you have A LOT of teams in a league, the Y Axis can can pretty large (as seen by the 32 positions above).

    With that said, I've added an option that allows you to set a different Y Axis type that is determined dynamically by the High and Low Rankings for a given team. As seen below, you have the option to choose which type you want to user.


    OK, so now I've set the Y Axis Type to use dynamic values. As you can see, the Chart itself is the same size, however, the Y Axis Values have changed. This chart has Y Axis Values of 0 - 12 because the HIGH for this particular Team is 1 and the LOW is 11. This way the entire chart it used. Its really just personal preference. myself, I prefer the full chart vs the dynamic.

    Regs likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.