RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

Tooltips Stack

Tooltips

Tooltips Stack Settings*

  • Active Link: check if you want the link to jump to the location included in 'href'. Otherwise, it will only show the tooltip
  • Width: ranges from 150px to 450px
  • Scale font: to adjust the font size inside the tooltip. Ranges from 80% to 120%
  • Title BG: sets the background color for the title section of the tooltip
  • Title: sets the color of the title text
  • Background: sets the background color of the contents area of the tooltip
  • Body Text: sets the color of the text in the contents area of the tooltip
  • Border: sets the width of the border around the tooltip. Ranges from 0px to 10px
  • Border color: sets the color of the border surrounding the tooltip
  • Effect: transition effect for the tooltip. Options: show, fadeIn, and slideDown
  • Show Arrows: show or hide arrows pointing at links
  • Show Drop Shadow: show or hide the drop shadow surrounding the tooltip
  • Position: options are 'auto' (positioned based on available space), 'fixed' (positioned in specific location relative to link), 'mouse' (positioned relative to mouse pointer), and 'bottomTop' (positioned above or below the link)
  • Top/Left Offset: used to offset the position of the tooltip relative to the link (in pixels)
*If the info box (HUD) is too long for your screen size, follow these 3 steps:
  1. Drag the RW project window down
  2. Drag the info box (HUD) up, past the top of the RW project window
  3. Drag the RW project window back up
The bottom of the info box (HUD) should be visible...