Our pure JavaScript Scheduler component


Post by dubelidu »

I have followed your API documentation for VUE implementation and it works well.
My next issue was to use a custom editor with my own components. I’ve also followed the documentation and even some examples, but I would like to use bryntums panel to hold my editor. This seams to only be possible using the items property and not the wrappers directly on the template. Is there a least any complete list of the different type of items we can introduce inside the panel, and ‘like’ create a custom editor as the default one?


Post by tasnim »


Post by dubelidu »

Thank you Tasnim

So in case I would like to load an external component into the Panel widget the following way:

<template>
	<bryntum-panel/>
</template>

What would be the right approach for adding an input to that panel?


Post by alex.l »

You need to pass items config. https://bryntum.com/docs/scheduler-pro/api/Core/widget/Panel#config-items

const items = [
    { type : 'text', placeholder: 'Text' },
  ]
  
// ...
<template> <bryntum-panel items={items} /> </template>

At the moment, our widget wrappers do not support JSX notation for nested components, we will add that in future releases.

All the best,
Alex


Post by dubelidu »

Thank you Alex..
This goes back to my initial question:
Is there any complete list with type of items we can use inside the panel?


Post by alex.l »

We don't have all widgets listed somewhere else, than in our docs https://bryntum.com/docs/scheduler/api/api
You can add any widget to panel, also the Scheduler itself or another panel. If you are talking about fields, you can find them using navigation tree on the left side of our docs. Check Core->widget section.

But I just recommend you to check our docs.

All the best,
Alex


Post Reply