webtour.js icon indicating copy to clipboard operation
webtour.js copied to clipboard

Add customizable button labels and auto-scroll feature to WebTour

Open eyupcanakman opened this issue 9 months ago • 0 comments

This pull request enhances the WebTour library by introducing customizable labels for navigation buttons and adding an autoScroll option to improve usability. These changes make the library more flexible and user-friendly.

Enhancements to Button Labels:

  • Added a labels property to the WebTour class, allowing customization of button text for Next, Back, Done, and Close. Default values are provided, but users can override them. (src/index.js, README.md) [1] [2]
  • Updated button rendering logic to use the new labels property instead of hardcoded text. (src/index.js)

Auto-Scrolling Feature:

  • Introduced an autoScroll option in the WebTour configuration. When enabled, the library automatically scrolls to the target element during navigation. (src/index.js, README.md) [1] [2]
  • Implemented autoScroll behavior in the popover and fixed positioning logic to ensure smooth scrolling to the active element. (src/index.js) [1] [2]

eyupcanakman avatar May 24 '25 09:05 eyupcanakman