@svetoslav_borislavov
@svetoslav_borislavov
Forum Replies Created
-
Hi,
You should change the settings.value in order to display the correct format.
{
label: ‘Date’,
dataField: ‘date’,
formatFunction: function (settings) {const formatedDate = new Smart.Utilities
.DateTime(settings.value)
.toString(‘MM/dd/yyyy’);settings.value = formatedDate;</div>
}
}Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/Hi,
You can import Smart and use it this way:
import { Grid, Smart } from ‘smart-webcomponents-react/grid’;I hope this helps, if not, do not hesitate to contact us!
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/Hi,
In the Angular version, there is a property “restricted” which accepts an array of objects. Each object has a date and hours. This describes the restricted dates with hours:
For example:
const today = new Date();
const currentDate = today.getDate();
const currentYear = today.getFullYear();
const currentMonth = today.getMonth();restricted: [
{ date: new Date(currentYear, currentMonth, currentDate), hours: [[0, 8], 20, 21, 22, 23] },
{ date: new Date(currentYear, currentMonth, currentDate – 2), hours: [[0, 3], 12, [20, 21]] },
{ date: new Date(currentYear, currentMonth, currentDate + 2), hours: [13] },
{ date: new Date(currentYear, currentMonth, currentDate – 5), hours: [[0, 3], 13, [21, 22]] },
{ date: new Date(currentYear, currentMonth, currentDate + 5), hours: [[0, 7], 13, [21, 22]] },
{ date: new Date(currentYear, currentMonth, currentDate – 10), hours: [[0, 8], 12, [20, 23]] },
{ date: new Date(currentYear, currentMonth, currentDate + 10), hours: [[0, 9], 12, [20, 23]] }
]In the next release, the property will be available in all versions
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/Hi,
You can select every child element, remove the style property, and then get the inner HTML.
const table = document.querySelector(‘table’);
table.removeAttribute(‘style’);const tableElements = table.querySelectorAll(‘*’);
tableElements.forEach(el => el.removeAttribute(‘style’))console.log(table.innerHTML);
I hope this helps, if not, do not hesitate to contact us!
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/Hi,
You are using the onClick event in which there isn’t event.detail or event.detail.item.
You should you onItemClick and also get the target from here: event.detail.originalEvent.targetHere is the desired method:
handleGanttClick(event: CustomEvent) {
const ganttChart = this.ganttchart?.current;
const eventDetails = event.detail;
const target = event.detail.originalEvent.target;
if (target.classList.contains(‘add-task-button’)) {
const itemIndex = parseInt(
ganttChart?.getItemPath(eventDetails.item).split(‘.’).slice(-1)[0]) + 1,
itemProject = ganttChart?.getItemPath(ganttChart.getTaskProject(eventDetails.item)
);
//Add a new Task
const newItemId = ganttChart?.insertTask(
{
label: ‘New Task’,
dateStart: ganttChart.dateStart
},
itemProject,
itemIndex
);
//Open the Editor to configure
ganttChart?.openWindow(newItemId);
}
}I hope this helps!
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/
