Our powerful JS Calendar component


Post by ehc-between »

Hi

i have a test project with the bryntum calendar with normal modes as well as the timeline mode from this example: https://bryntum.com/products/calendar/examples/calendar-scheduler/

my test application have two languages, english and norwegian, and i have created a new local for both.

for some reason i cant get the translation of the "displayName" in the timeline config to use translation form any of the languages.

some of my attempts:

  • Widget.L('Day'),
  • List.L('Day')
  • 'L("Day")'

how can i translate "displayName" in this config ?

modes : {
    // Removes default modes that is not in use
    // day    : null,
    year   : null,
    // agenda : null,

day : {
  type: 'scheduler',
  // Used by the Calendar's mode selector button
  displayName: Widget.L('Day'),

  // Change default event style for Scheduler to better match Calendars look
  eventStyle: 'calendar',

  // Calendar does not use initial animations, match that
  useInitialAnimation: false,

  // Disable delete key
  enableDeleteKey: false,

  columns: [
    {
      type: 'resourceInfo',
      field: 'name',
      text: 'Employees',
      width: 175
    }
  ],

  features: {
    nonWorkingTime: true,
    timeRanges: true,
    resourceTimeRanges: true,

  },

  workingTime: {
    fromHour: 7,
    toHour: 22,
  },

  // Previous buttons shift the time axis
  stepUnit : 'day',

  // barMargin: 3,
  viewPreset: {
    base: 'hourAndDay',

    headers: [{
      unit: 'day',
      dateFormat: 'ddd MM/DD'
    }, {
      unit: 'hour',
      dateFormat: 'HH:mm'
    }]
  },

  // Custom eventRenderer to match style used by Calendar
  eventRenderer(eventRecord: any, renderData: any) {
    if (eventRecord.isInterDay) {
      return StringHelper.encodeHtml(eventRecord.eventRecord.name);
    }
    return {
      class: 'b-cal-event-body',
      children: [
        {
          class: 'b-event-header',
          children: [
            {
              class: 'b-event-desc',
              text: eventRecord.eventRecord.data.name,
            }
          ]
        }, {
          class: 'b-cal-event-time',
          text: DateHelper.format(eventRecord.eventRecord.data.startDate, 'LST')
        }
      ]
    };
  }
},

Post by mats »

That's a bug, I'll get it fixed right away. https://github.com/bryntum/support/issues/8196


Post Reply