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.

As Designed div pr-team-info cutting off the team name

Discussion in 'Power Rankings Resolved Bug Reports' started by tajhay, Oct 14, 2015.

  1. tajhay

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

    Not sure if pr-team-info div class should be max of 300px.

    Reason i say that is because i have a team name that is quite long (North Queensland Cowboys). For the team record i wanted to utilise it as their overall final position, so in the case they were grand final champions. The pr-team-info div cut off half the text.

    Also maybe a good idea to have pr-team-record as a different coloured text by default? I can see that a div class has been provided to modify it, but would be good to have it as default to highlight the team record?
  2. Bob

    Bob Developer Staff Member

    North Queensland should be CITY and Cowboys should be NICK.

    The entire reason for having the CITY field is for case like this.

    City = Town, City, State, Country, Province, first part of a LONG team name.

    Team Nickname (common term used world wide), is usually the last part of the full team name... eg, Raiders, Roughriders, Turtles, Cowboys etc...

    The Responsive CSS is specifically set up to cut the CITY part of the name off at a certain responsive point and only display the NICK (which is commonly a short single word). The smaller responsive break point then cuts the NICK off and displays the ABBR. Its like this in Pickem and Survivor as well (again, on purpose).

    Regs likes this.
  3. tajhay

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

    hehe i know all that :p You would hope so after using your addons for so long lol

    Have a look at this : http://www.nzwarriors.com/powerrankings/warriors-disappointing.1/


    (Yes i know i havent setup the team logos yet)

    It shouldnt be stopping at "North" correct?


    BTW the team logo is getting displayed in the ACP, but not on the public side of the site.
    ACP reads the logo from : styles/default/nflj/powerrankings/logos/cowboys.gif
    Public site reads the logo from : styles/baisik/nflj/powerrankings/logos/cowboys.gif

    Shouldnt they be the same?
  4. Bob

    Bob Developer Staff Member

    Where is that Grand Final Winners and Runners Up coming from? Are you adding that to the RECORD (which is specifically designed for W-L-D count) eg 12-0-4? The Layout is not designed to have additional stuff added to it like that. There is only so much ROOM for that one element at the lowest point before the next responsive break point (which the core layout HAS to account for). If you add extra display content to the layout, then you are going to have to modify the layout to handle that. You can TRY cutting all the Font Sizes down as well as trimming some padding from other elements in the row, but I doubt its going to be enough. basically 2+ Team Names on the same line until it hits the first responsive break point that hides the Team City part of the name. Maybe add the Grand Final Winners as part of the TEXT MESSAGE.

    You can see here that your Team Name fits perfectly. This shot is taken just before the MEDIUM responsive breakpoint (which hides the CITY part of the Name).

    I've made a few MINOR adjustments that MIGHT help you that won't effect the design layout for others, but it won't compensate for adding GRAND FINAL WINNERS into the RECORD FIELD or CITY FIELD.



    As for the LOGOS, its the same as you are familiar with for Pickem and Survivor. /styles/default is the core XenForo style. If you use a 3rd party style(s), you'll need to upload images to those as well /styles/3rd party style/nflj/powerrankings/logos/cowboys.gif I changed the phrase to the same one as for the sport logo.
    Last edited: Oct 16, 2015
  5. Bob

    Bob Developer Staff Member

    The recent tweaks I made will allow much longer names now... in this example, you can see that I used your example above and it fits fine right down to the Medium Responsive Break Point....

    Team Record now uses the 'mutedTextColor' style property now and the TITLE uses the 'primaryMedium' style property color (as team names will eventually be LINKs to their team pages), so might as well get use to the colors now.

    Also, for the highlights, the default color is the secondary color. The default can be changed to what ever you want via extra css as well as you can also customize each specific highlight easy via extra css (or directly to the CSS template itself.

    Last edited: Oct 19, 2015
    tajhay 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.