Our pure JavaScript Scheduler component


Post by saki »

Our 4.1.0 React examples use theme switching so we load the CSS file in public/index.html:

<link
	rel="stylesheet"
	href="%PUBLIC_URL%/themes/scheduler.stockholm.css"
	id="bryntum-theme"
/>

The themes are copied to public/themes folder by postinstall script in package.json:

  "postinstall": {
    "node_modules/@bryntum/scheduler/*.css": "copy public/themes/",
    "node_modules/@bryntum/scheduler/fonts": "copy public/themes/fonts"
  },

Another option (if you do not need theme switching) would be to import CSS file in your App.(s)css:

@import '~@bryntum/scheduler/scss/scheduler.stockholm.css';

Study please: https://bryntum.com/docs/scheduler/#guides/integration/react.md#include%2Fimport-css and sources of our demos


Post by Alipalengara »

Hiii,

We're able to install the trial packages of Bryntum Scheduler Pro via NPM Repo access.

Added the module in app.module.ts but we're still getting the error as

'bryntum-schedulerpro' is not a known element:

  1. If 'bryntum-schedulerpro' is an Angular component, then verify that it is part of this module.
  2. If 'bryntum-schedulerpro' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

We tried removing node_module and doing npm i again. still giving us the same error.

Attachments
Capture1.PNG
Capture1.PNG (17 KiB) Viewed 1648 times
Capture.PNG
Capture.PNG (11.78 KiB) Viewed 1648 times

Post by saki »

The correct tag is <bryntum-scheduler-pro>. See the demo in SchedulerPro/examples/frameworks/angular/resource-histogram/src/app/app.component.html and Angular Integration Guide: https://bryntum.com/docs/scheduler-pro/#guides/integration/angular.md#wrappers


Post by Robin Barendregt »

Hello,

I'm having a similar problem. Tried all the things mentioned here and in the npm documentation but no dice.
404 Not Found - GET https://registry.npmjs.org/@bryntum%2fscheduler-trial - Not found
but also got
404 Not Found - GET https://registry.npmjs.org/@bryntum%2fscheduler-react - Not found
at some point.

Regards, Robin


Post by sergey.maltsev »

Hi, Robin!

Please read this guide for correct npm configuration.
https://www.bryntum.com/docs/scheduler/#guides/npm-repository.md

If you have a problem please create a separate topic and provide more details.


Post by Robin Barendregt »

Hello Sergey

Thanks, I did in fact follow these instructions (I should have been more clear in my message, apologies) which is why I posted here.
Eventually I found the problem however.
There was something weird in my .npmrc
I had this line underneath the token after login:

https://npm.bryntum.com=

I managed to install after I changed it to:

@bryntum:registry=https://npm.bryntum.com

I used the npm 6 syntax for set config because I have v6 but it seems that it should be v7 syntax. Confused.

Regards, Robin


Post by Shitalaprasad »

Hiii,

Can you please guide in customizing the Task Editor for Bryntum Scheduler Pro Trial 4.0.1.

We're able to add the tab & customize the fields but we need to pass in array object and add a table to display the data in task Editor tab respectively.

Hoping for a quick response...

Regards.
Shitalaprasad


Post by mats »

@Shitalaprasad Welcome to the forums. Please start your own thread and include detailed description, without seeing your code or seeing a detailed description of what you are trying to achieve, it's very hard to help.


Post by Shitalaprasad »

Hello,

Below is the code.

[code]
features : {
taskEdit:{
items : {
// add some UI-elements to "General" tab
generalTab : {
title : 'Activity Data',
items : {
// Hide the duration field
durationField : null,
percentDoneField:null,
// Customize the name field
nameField:null,
nameField1 : {
type: 'text',
label : 'Activity ID',
name:'activityId',
editable:false,
width : 200,
height:20
},
nameField2 : {
type: 'text',
label : 'Activity Type',
name:'activityType',
editable:false,
width : 200,
height:20
},
nameField3 : {
type: 'text',
label : 'Activity Description',
name:'desc',
editable:false,
width : 200,
height:20
},
}
},
// hide "Notes" tab
notesTab : false,
successorsTab:false,
advancedTab:false,
predecessorsTab:false
},
// style:"height:800px;width:800px",
// height:"800px",
// width:"800px"
},


},
[/code]

I need to customize the task Editor to have a custom tab which should display the data passed in tabular format.

Regards.
Shitalaprasad


Post by mats »

@Shitalaprasad Again: Please start your own new thread.


Post Reply