v7.3.0

ScrollButtons
Feature

This feature injects buttons to the beginning and end of each row that will scroll to the next or previous event outside the current view. It can optionally show a label along with the button, using the labelRenderer. Only supported in horizontal mode

new Scheduler({
    appendTo : 'container',
    features : {
        scrollButtons : {
            labelRenderer({ resourceRecord, isBefore, nbrEvents }) {
                return `${nbrEvents} events`;
            }
        }
    }

This feature is disabled by default.

See also

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class
  • backwardIconCls : Stringb-icon-before

    The icon to use for the button scrolling into the past

  • forwardIconCls : Stringb-icon-after

    The icon to use for the button scrolling into the future

  • scrollOptions : BryntumScrollOptions

    A config object describing how the scroll action should be performed.

Properties

Properties are getters/setters or publicly accessible variables on this class

Events

Events are triggered for certain actions in this class and can be listened for to react to those actions in your code

Event handlers

Event handlers are callbacks called as a result of certain actions in this class

CSS variables

CSS variables that can be set to adjust appearance
Name Description
--b-scroll-button-background Scroll button background color
--b-scroll-button-border-radius Scroll button border-radius
--b-scroll-button-border-width Scroll button border width
--b-scroll-button-color Scroll button color
--b-scroll-button-font-size Scroll buttons font-size
Hovered
--b-scroll-button-hover-color Scroll button hover color
id: scrollButtons

Source path

Scheduler/feature/ScrollButtons.js

Demo

examples/scroll-buttons

Contents