- Home
- Forum
- Angular - EJ 2
- Can I group events inside a cell on a particular row by the attributes e.g. "unitId", "userId"
Can I group events inside a cell on a particular row by the attributes e.g. "unitId", "userId"
Hi there,
I am building an events calendar that "displays schedulings for real state agents" using SyncFusion's Schedule and I want to group events within a cell by their "unitId" & "userId".
I have attached the design in the thread. I will also attach the sample data in the form of array of objects.
So let suppose with regard to the first attached image, On 1st April (Monday), an agent has '4' schedulings at the same time for the property with address "779 Bear Mountain". The same agent has another '4' schedulings at the same property at another time so we grouped it as well but displays it as a separate row.
Sample Data:
userId: 748 on 2024-08-12T20:30:00.000Z.userId: 748 on 2024-08-14T18:00:00.000Z.userId: 744 on 2024-08-14T18:00:00.000Z.[
{
"id": 324555,
"userId": 748,
"tourStatus": "Canceled",
"isRiver": 0,
"unitId": 47949,
"clientName": "Absolutely Negative",
"clientEmail": "[email protected]",
"clientPhone": "2504156195",
"notes": null,
"leadId": 55719,
"createdOnApp": "lethub",
"isConfirmRequestSent": true,
"start": "2024-08-01T23:40:00.000Z",
"end": "2024-08-02T00:00:00.000Z",
"showingConfirmedStatus": "Cancelled",
"showingConfirmed": false,
"isReminderSent": true,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32403,
"unitTitle": "Harrison House",
"unitAddress": "539 - 19 Avenue S.W., Calgary, AB, T2S 0E3",
"unitNumber": "0420",
"verified": null,
"userName": "bella test",
"propertyType": "Single-Family House",
"isSelfShowing": false,
"leadSMSConsent": true
},
{
"id": 325671,
"userId": 744,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 47946,
"clientName": "John Smith",
"clientEmail": "[email protected]",
"clientPhone": "7786778456",
"notes": null,
"leadId": 55817,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-07T22:00:00.000Z",
"end": "2024-08-07T22:30:00.000Z",
"showingConfirmedStatus": "Confirmed",
"showingConfirmed": true,
"isReminderSent": true,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32403,
"unitTitle": "Harrison House",
"unitAddress": "539 - 19 Avenue S.W., Calgary, AB, T2S 0E3",
"unitNumber": "0417",
"verified": null,
"userName": "Isabella member",
"propertyType": "Single-Family House",
"isSelfShowing": false,
"leadSMSConsent": true
},
{
"id": 325827,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "Usama2",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55837,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-12T20:30:00.000Z",
"end": "2024-08-12T20:50:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325826,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "Usama1",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55813,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-12T20:30:00.000Z",
"end": "2024-08-12T20:50:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": true
},
{
"id": 325834,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48000,
"clientName": "Usama3",
"clientEmail": "[email protected]",
"clientPhone": null,
"notes": null,
"leadId": 55838,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-12T20:30:00.000Z",
"end": "2024-08-12T21:00:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32413,
"unitTitle": "66 Christie Knoll Heights S.W.",
"unitAddress": "66 Christie Knoll Heights S.W., Calgary, AB, T3H 2V2",
"unitNumber": "000MHTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325835,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48812,
"clientName": "Usama",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55839,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-13T23:40:00.000Z",
"end": "2024-08-14T00:00:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32773,
"unitTitle": "Sundance Apartments",
"unitAddress": "836 - 5 Avenue S.W., Calgary, AB, T2P 0N5",
"unitNumber": "1803HTFN",
"verified": true,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": true,
"leadSMSConsent": true
},
{
"id": 325838,
"userId": 744,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "Usama1",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55840,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-14T18:00:00.000Z",
"end": "2024-08-14T18:30:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": true,
"userName": "Isabella member",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325841,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "[email protected]",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55843,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-14T18:00:00.000Z",
"end": "2024-08-14T18:30:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325840,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "Usama7",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55842,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-14T18:00:00.000Z",
"end": "2024-08-14T18:30:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325839,
"userId": 744,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48001,
"clientName": "Usama2",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55841,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-14T18:00:00.000Z",
"end": "2024-08-14T18:30:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32414,
"unitTitle": "Bridgeland Manor",
"unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",
"unitNumber": "0424HTFN",
"verified": null,
"userName": "Isabella member",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": false
},
{
"id": 325975,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48886,
"clientName": "Usama",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55845,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-19T16:00:00.000Z",
"end": "2024-08-19T16:20:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32811,
"unitTitle": "114 Cramond Circle S.E.",
"unitAddress": "114 Cramond Circle S.E., Calgary, AB, T3M 1E6",
"unitNumber": "000M",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": true
},
{
"id": 325976,
"userId": 748,
"tourStatus": "Scheduled",
"isRiver": 0,
"unitId": 48812,
"clientName": "Usama",
"clientEmail": "[email protected]",
"clientPhone": "8049994184",
"notes": null,
"leadId": 55846,
"createdOnApp": "lethub",
"isConfirmRequestSent": false,
"start": "2024-08-19T16:30:00.000Z",
"end": "2024-08-19T16:50:00.000Z",
"showingConfirmedStatus": "Waiting",
"showingConfirmed": false,
"isReminderSent": false,
"allDay": false,
"isBlockedTime": false,
"isBusyTime": false,
"propertyId": 32773,
"unitTitle": "Sundance Apartments",
"unitAddress": "836 - 5 Avenue S.W., Calgary, AB, T2P 0N5",
"unitNumber": "1803HTFN",
"verified": null,
"userName": "bella test",
"propertyType": "Multi-Family House",
"isSelfShowing": false,
"leadSMSConsent": true
}
]
unitId and userId. Unfortunately, the current configuration of our scheduler does not support grouping appointments within a single cell when displayed on different rows.Swathi
Really interesting approach for organizing multiple overlapping events by unitId and userId. Grouping the schedule this way seems especially useful when several showings happen at the same time. I like seeing practical solutions like this, similar to how bloxburg house styles can be organized into different categories and layouts.
Really interesting approach for organizing multiple overlapping events by unitId and userId. Grouping the schedule this way seems especially useful when several showings happen at the same time. I like seeing practical solutions like this, similar to how bloxburg house styles can be organized into different categories and layouts.
- 3 Replies
- 3 Participants
-
KE Kevin
- Aug 19, 2024 09:34 AM UTC
- Aug 22, 2026 11:22 AM UTC