{"id":5753,"date":"2024-02-02T23:32:21","date_gmt":"2024-02-02T21:32:21","guid":{"rendered":"https:\/\/unitycoder.com\/blog\/?p=5753"},"modified":"2024-02-02T23:32:21","modified_gmt":"2024-02-02T21:32:21","slug":"ui-make-tooltip-background-fit-text-content-length","status":"publish","type":"post","link":"https:\/\/unitycoder.com\/blog\/2024\/02\/02\/ui-make-tooltip-background-fit-text-content-length\/","title":{"rendered":"UI: Make Tooltip background fit Text content length"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n
    \n
  1. Add UI\/Panel as background<\/li>\n\n\n\n
  2. Set pivot to Top Left<\/li>\n\n\n\n
  3. Add Text as Child of the Panel<\/li>\n\n\n\n
  4. Add Content Size Fitter to Panel<\/li>\n\n\n\n
  5. Add Horizontal Layout Group to Panel (Enable: Control Child Size: [x] Width, [x] Height, Child Force Expand: [x] Width, [x] Height)<\/li>\n\n\n\n
  6. Content size fitter: Horizontal Fit: Preferred Size, Vertical Fit: Unconstrained (if you want 1 line only) or Preferred Size for multiline)<\/li>\n\n\n\n
  7. Set some text value to child text component, Panel should resize to it<\/li>\n<\/ol>\n\n\n\n
    \n