Our powerful JS Calendar component


Post by md shazeb »

Hi Bryntum team,
I am evaluating Bryntum Calendar for our Enterprise application Celoxis and using the React component of the calendar. In the Event form of this calendar, I want to include some more input fields. I have checked your documentation and can add fields that are pre-built into Bryntum.
But in my case, I want to add an input field that is built by us and now we want to include this component in the edit event form. For eg. we have a user picker select component that is shared across the application and we want to use this component in edit event form.
Please refer the attached screenshot.

So, how do I add custom input fields in the Event form?
And after adding the input fields, how the form-data will be submitted? Is this something, that we will have to take care of?

We like the way of setting recurring events in the Bryntum Calendar UI and this is something that we don't want to custom-build in our application. Due to this, we have chosen Bryntum Calendar for our application.
If adding a custom input field is not possible, then is there a way to use your Recurring event UI component in our own forms?

Thanks

Attachments
Celoxis calendar add event form
Celoxis calendar add event form
celoxis-add-event-invitee-field.png (97.57 KiB) Viewed 705 times
Bryntum add event form
Bryntum add event form
Screenshot 2022-08-25 at 10.39.34 AM.png (278.92 KiB) Viewed 705 times

Post by Animal »

It would be very easy to simply slightly customize an existing Bryntum Widget to perform the same function and contain the same informational UI. It would also be consistent with its surroundings in terms of theme.

See https://bryntum.com/examples/calendar/custom-rendering/ which also adds some resources as "invitees".

If you have downloaded the SDK, you can tweak that Invitee widget to look more like how you want using configs and CSS:

Screenshot 2022-08-26 at 10.27.08.png
Screenshot 2022-08-26 at 10.27.08.png (136.1 KiB) Viewed 698 times

When I run it after that, it looks like this:

Screenshot 2022-08-26 at 10.24.06.png
Screenshot 2022-08-26 at 10.24.06.png (158.26 KiB) Viewed 698 times

The dropdown is very easy to customize both content and using CSS.


Post by md shazeb »

I have already build multiSelect Component which is based on Ant component . I want to use this component only rather than doing this .

Please guide me if there is any way to do so .


Post by alex.l »

Hi md shazeb,

That's not supported now, you need to replace a whole editor with your own with your own fields or use ours and customize our widget for that as Animal suggested above.

All the best,
Alex


Post by md shazeb »

Hi Alex,
The reason for choosing Bryntum calendar is that it provides a UI for recurring events in the event editor.

As you have specified that custom Ant components can't be included in the event editor so we are thinking of building our own calendar event form. But we would like to use the functionality and UI of the Repeat Event field of Bryntum Calendar in our form.
So, is there any way we can use your Repeat Event component in our own form?

Regards

Attachments
Repeat Event Editor
Repeat Event Editor
Screenshot 2022-09-12 at 1.36.07 PM.png (1.43 MiB) Viewed 613 times
Repeat Event field
Repeat Event field
Screenshot 2022-09-12 at 1.32.16 PM.png (1.38 MiB) Viewed 613 times

Post by marcio »

Hey md shazeb,

Please take a look in our Recurrence Editor here https://www.bryntum.com/docs/calendar/api/Scheduler/view/recurrence/RecurrenceEditor

Best regards,
Márcio


Post by alex.l »

Components you also need are
https://bryntum.com/docs/calendar/api/Scheduler/view/recurrence/field/RecurrenceCombo
https://bryntum.com/docs/calendar/api/Scheduler/view/recurrence/RecurrenceLegendButton

Basically for this use case we created wrappers https://bryntum.com/docs/calendar/guide/Calendar/integration/react/guide#wrappers

But these 2 are not included into the list for some reasons that we are going to investigate and fix https://github.com/bryntum/support/issues/5228

I would recommend you to create wrapper by examples as a workaround, but for that you'll need not trial code base, so we have to wait for the fix.

All the best,
Alex


Post by md shazeb »

I started building my own editor and i created a modal and want to use Bryntum recurring component but i am unable to understand from docs how to use it as a react component.
Can you please guide me how to use this ? I have Shared my code

Attachments
calendar.zip
code of calendar
(129.2 KiB) Downloaded 39 times

Post by alex.l »

Sorry, I see no custom event editors in the code provided. For using recurring component as React component, we need to wait for a fix, as I mentioned in previous post. We don't have wrappers for these component at the moment.

All the best,
Alex


Post by md shazeb »

When will be able to get recurring component as react component . Can I know how much time it will take more?


Post Reply