1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Tool tip render location

Discussion in 'XenForo Development Discussions' started by Jake Hakoda Shirley, May 30, 2012.

  1. Jake Hakoda Shirley

    Jake Hakoda Shirley Active Member

    Hey guys, I am designing a rankings table and I am having an issue with the layout and the relationship with the tool tip. Below is an image showing how the tool tip is rendering above the top-left of the value. Any ideas?

    tooltip.png
     
  2. James

    James Well-Known Member

    Without seeing some source code it'll be hard to help you.

    It looks like you can offset the positions using the following HTML attributes:
    data-offsetX
    data-offsetY
    data-position (accepts top, right or left)
     
    Chris D likes this.
  3. Jake Hakoda Shirley

    Jake Hakoda Shirley Active Member

    Is there any way to get the width of a table element? I just don't want to offset by static values, as users may experience it differently causing offset.
     
  4. James

    James Well-Known Member

    If I could see the source code (i.e. your site is online) it'd be easier to debug, because the JS auto-offsets depending on the location of the current element. The width of the element you could grab using {xen:calc}.
     
  5. Jake Hakoda Shirley

    Jake Hakoda Shirley Active Member

  6. James

    James Well-Known Member

    Can't change any of the data to play around with it, damn.

    You should try applying a data-position="right" to the element, seeing if that changes it.
     
  7. Jake Hakoda Shirley

    Jake Hakoda Shirley Active Member

    Tried that for the 'Wins' column, but it didn't seem to change anything. :/
     

Share This Page