Skip to content

04. Buttons configuration

Michael edited this page Dec 19, 2022 · 1 revision

#buttons

  • hideYearNavigation

    Boolean (default: false)

    'pages' => [
        'buttons' => [
            'hideYearNavigation' => false,

    If it's true, buttons to jump to next / previous year (with current month) will be hidden in navigation bar of TiMEX page

  • today (#static)

    Boolean (default: false)

    'pages' => [
        'buttons' => [
            'today' => [
                'static' => false,
            ],

    If it's true, label for current day will be static in accordance with lang/timex.php

  • today (#format)

    Carbon formatter (default: D MMM)

    'pages' => [
        'buttons' => [
            'today' => [
                'format' => 'D MMM'
            ],

    You may change how the button label displayed in accordance with Carbon formats

  • outlined

    Boolean (default: true)

    'pages' => [
        'buttons' => [
            'outlined' => true,

    You may change how the buttons in navigation panel of TiMEX page are styled (outlined / filled)

  • icons

    Default TiMEX icon set for buttons:

    • previousYear: heroicon-o-chevron-double-left
    • nextYear: heroicon-o-chevron-double-right
    • previousMonth: heroicon-o-chevron-left
    • nextMonth: heroicon-o-chevron-right
    • createEvent: heroicon-o-plus
      'pages' => [
              'icons' => [
                  'previousYear' => 'heroicon-o-chevron-double-left',
                  'nextYear' => 'heroicon-o-chevron-double-right',
                  'previousMonth' => 'heroicon-o-chevron-left',
                  'nextMonth' => 'heroicon-o-chevron-right',
                  'createEvent' => 'heroicon-o-plus'
              ],
  • modal

    #submit / #cancel / #delete / #edit

    • #outlined

      • Boolean (default: true)
      'pages' => [
          'buttons' => [
              'modal' => [
                  'submit' => [
                      'outlined' => false,
                  ],

      You may change how the buttons in navigation panel of TiMEX page are styled (outlined / filled)

    • #color

      • primary / secondary / danger / primary /
      'pages' => [
          'buttons' => [
              'modal' => [
                  'submit' => [
                      'color' => 'primary',
                  ],
    • #icon

      • enabled

      Boolean (default: true)

    'pages' => [
        'buttons' => [
            'modal' => [
                'submit' => [
                    'icon' => [
                        'enabled' => true,
                    ],
                ],
    • name

    Any icon package you have installed

    'pages' => [
        'buttons' => [
            'modal' => [
                'submit' => [
                    'icon' => [
                        'name' => 'heroicon-o-save'
                    ],
                ],