Products

[yavordashew]

Hi davout,
Yes we are aware that some of the documentation could be a bit incomplete but we work everyday to improve it!
Anyway we have a demo regarding the taskTemplate property of the SmartKanban which I think is exactly what you need for your use case.
Link for the demo:
https://www.htmlelements.com/demos/kanban/task-template/index.htm
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi davout,
Thank you for your suggestions!
I will discuss this matter further more with my colleagues but for the moment I have some answers for your suggestions:
1.showHours – we actually have this property and its called hideAllDay and the component has ‘agenda’ view which displays the dates as a list.
2.For this inquiry we have aproperty for it- maxEventsPerCell more info about it you can find in the documentation for the scheduler also use CSS variable --smart-scheduler-event-size with you can determine how much events you can fit in one cell.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi Amine Le,
Thank you for sharing the code example!
With it I was able to reproduce the issue and unfortunately this is a bug for which I will add a work item and we will work to fix it as soon as we can.
However a temporary relief for this is in your case is to set the height so that you don’t need to scroll the Gantt Chart.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi davout,
If you want to remove the user icon you can do so by adding the following CSS:

.smart-kanban-task-user{
    display: none!important;
}

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi davout,
Yes the functionality is achievable by using --smart-scheduler-timeline-header-all-day-cells-size CSS variable and set it depending on how many task you have in the row.
Quick code snippet showcasing how to use this CSS variable:

.smart-scheduler {
    --smart-scheduler-timeline-header-all-day-cells-size: 200px;
    width: 100%;
    height: 100%;
    --smart-scheduler-view-item-size: 100px;
}

More about the Scheduler component’s CSS variables you find in the documentation:
https://www.htmlelements.com/docs/scheduler-css/
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi skriaa,
If you take a look at the typescript definition of the SchedulerViewType you will see that it accepts only string as a value, and if you want to define it as a object you will have to do it like this:

    views:(object | SchedulerViewType)[] = [{
            label: 'Work Week',
            value: 'workWeek',
            type: 'week',
            shortcutKey: 'W'
    }, 'month'];

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi skria,
If you take a look at the typescript definition of the SchedulerViewType you will see that it accepts only string as a value, and if you want to define it as a object you will have to do it like this:

    views:(object | SchedulerViewType)[] = [{
            label: 'Work Week',
            value: 'workWeek',
            type: 'week',
            shortcutKey: 'W'
    }, 'month'];

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi skriaa,
I was able to asses your use case a bit more with the info that you have shared and reproduce your issue.
Also I have prepared a code snippet that could solve your situation:

//In your app.component.ts file
import { Component, ViewChild, OnInit, AfterViewInit, ViewEncapsulation } from '@angular/core';
import { SchedulerComponent, SchedulerDataSource, SchedulerViewType, SchedulerViews, SchedulerViewSelectorType, SchedulerTimelineDayScale, SchedulerResource } from 'smart-webcomponents-angular/scheduler';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
    encapsulation: ViewEncapsulation.None
})
export class AppComponent implements AfterViewInit, OnInit {
    @ViewChild('scheduler', { read: SchedulerComponent, static: false }) scheduler: SchedulerComponent;
    view = 'workWeek' as SchedulerViewType;
    views = [{
        label: 'Work Week',
        value: 'workWeek',
        type: 'week',
        shortcutKey: 'W'
    }, 'month'] as SchedulerViews[];
// rest of your code

The problem is in the typescript definition for the Scheduler views.
Let me know if my suggestion above works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi Amine Le,
I have tested the SmartGantt Chart component in a similar use case as from the information that you have shared.
However I was unable to reproduce the issue that you mention that’s why I would suggest is to create a code example which reproduce the issue in order to be able to give you a solution about it.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi skriaa,
I was able to partially test this use case but I wasn’t able to reproduce the issue as you do.
If it’s possible to create a complete code example of your case in order to be able to give you a solution about.(stackblitz or github repo)
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi jrt@gtz.com,
I will test the SmartGrid with Aurelia 2.0 and in the mean time its best to create a complete code example which reproduces the error that you get in order to able to properly assess the situation and give you a solution about it.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi skriaa,
I have tested the latest smart-webcomponents-angular version and the Scheduler Component but I was unable to reproduce the issue that you do.
Could you please share a bit more context of your use case or maybe and example in order to be able to assess the situation and be able to give you a solution for your case.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi rubem001,
Yes, this is unusual behavior from the MultiComboInput component and I have added a work item and we will work on to fixing this case as soon as we can.
Thank you for reporting this behavior and for your corporation!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi Suriya,
After some tinkering regarding this I was able to reproduce it and GridColumn[] instance is missing the ‘description’ property and
until we fix it its best to use any[](work item is added for this case).
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[yavordashew]

Hi Suriya,
Yes this definitely is not user friendly behavior and I have added work item for this case as well and we will work on to fixing it as soon as we can.
Thank you for your corporation!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts