in src/components/schedulerConfig.js I even tried both
Please use the following:
//schedulerConfig
{
percentBarFeatureConfig : true,
// or in case you need to configure the feature
percentBarFeatureConfig : {
showPercentage : false // true by default
}
}
percentBarFeatureConfig is a custom name. It should match in App.vue and schedulerConfig. It can be:
I am currently working on Scheduler Pro with the drag-from-grid as a basis.
You said you're working with SchedulerPro, but you refer to the demo in "examples-scheduler" folder. The thing is that the examples is that folder are copied from simple Scheduler. And to make them work the it imports Scheduler class from SchedulerPro bundle. You can see it in examples-scheduler/vue/javascript/_shared/src/Scheduler.vue
import { Scheduler } from 'bryntum-schedulerpro';
and examples-scheduler/vue/javascript/drag-from-grid/src/App.vue
import Scheduler from 'bryntum-vue-shared/src/Scheduler.vue';
Therefore I would recommend to take a SchedulerPro demo as a base and move the sources of drag-from-grid demo to it. So let's get examples/frameworks/vue/javascript/resource-histogram demo up and running with the PercentBar feature enabled.
Download scheduler pro trial bundle (or unzip the one you have to have the same non-modified version) .
Modify examples/frameworks/npm/vue/schedulerpro/src/SchedulerPro.vue line 243. Add:
Thank you for the detailed answer!
Actually the percent-done example is much more close to what I want than resource histogram. Percent done is also based on Scheduler Pro right?
But I did not understood how to start that example or why these different examples are in so many different folders.
What is the right way to get percent done running?
going into bryntum-trial/examples/percent-done
npm i
npm run serve
is not possible because there is no package.json
But theoretically I could make that work and include everything else from drag-from-grid I need, right?
Re different folders: Scheduler Pro is a superset of Scheduler so everything the Scheduler can do, also Scheduler Pro can do. Therefore we copied (and slightly modified) the Scheduler examples to examples-scheduler folder. The Pro-only examples are in examples folder. Then, in examples folder, we have "vanilla" (no-framework) examples directly in the folder and framework examples (Angular, React, Vue and others) in frameworks folder, further divided by framework and finally javascript and typescript folders depending how the example is implemented. I hope this helps.
The percentDoneFeature is missing in the wrapper (that will be corrected in the next release) but you can easily add it to: examples/frameworks/npm/vue/schedulerpro/src/SchedulerPro.vue among other features. The line should read:
If you want it in a Vue example, just take (copy) one and use the configuration from the vanilla demo. Mind please that you must define features for Vue wrapper as percentDoneFeature:true.
I have made a quick example; see the attached zip. Unzip it besides the existing resource-historgram demo please.
Also, the correct name of the feature is percentBarFeature so I'm also attaching the correct Scheduler.vue wrapper (zipped). Unzip it please replacing the existing wrapper in examples/frameworks/npm/vue/schedulerpro/src/SchedulerPro.vue. The only change is the corrected name of the feature.