• Documentation
    • Search documentation
    karat

    +

    K

    API Reference ↗
    Ontology buildingDynamic SchedulingSchedule layer (puck) styling

    Schedule layer (puck) styling

    Schedule layers are rendered by default as "pucks" on the Gantt chart. These pucks can represent different concepts of your workflow and be customized to create a dynamic set of visualizations.

    Currently, there are three ways to customize the appearance of your schedule layer (or "pucks"):

    1. Puck style
    2. Coloring
    3. Properties
    Schedule layer example styling.

    1. Puck style

    Two puck styles are available for configuration:

    • Standard:

      • Standard styling renders a rectangular puck on your Gantt chart that can be interacted with via mouse interactions.
      • Optionally, you can provide a puck height to determine the thickness of your puck. As this is backed by a Workshop variable, you can also expose this variable to end users and enable them to change the puck height on demand.
      • Common uses of puck height include:
        • Using a "thin" puck to represent a status over time.
        • Using a "thin" puck to represent a less important or secondary set of information.
        • Using a "thick" puck to represent a "card" of information about the respective event.

    • Background:

      • Background styling renders a slightly transparent puck on your Gantt chart that cannot be interacted with via mouse interactions.
      • Common uses of background puck include:
        • Using a background puck to represent availability (for example: green and red color-coded).
        • Using a background puck to represent phases or statuses.
        • Using a background puck to represent preferences.

    2. Coloring

    You can define the color definition for each schedule layer. Options include: Static, Segmented by, and Conditional coloring.

    3. Properties

    For each schedule layer, you can define the properties from the ontology that will appear directly on the puck or on the popover card.

    • Popover properties:

      • Select properties from your schedule layer's object, its linked objects, or use a function-backed property.
      • You can choose to rename or remove the display name. Property formatting is configured alongside the property configuration in Ontology Manager.
      • These properties will appear on the popover card. The popover card appears when a puck is hovered-over.

    • Puck properties:

      • Select properties from your schedule layer's object, its linked objects, or use a function-backed property.
      • You can choose to rename or remove the display name. Property formatting is configured alongside the property configuration in Ontology Manager.
      • These properties will appear directly on the puck. If all selected properties cannot fit on the puck, you may need to adjust the height of your puck using the Puck styling > Standard > Variable height option described above.