Products

[ivanpeevski]

Hi,

 

At the moment there isn’t a public method that allows scrolling by date. I have opened a work item about that and we will considering adding this in a future release.

For now, it can be implement with the workaround here – stackblitz

 

Best Regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Varshitha,

 

I’m not sure which styling issues you are referring to, but you can view the Gantt styling guide here – https://www.htmlelements.com/docs/gantt-css/

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Srinivas,

Properties set to the task object in the dataSource will remain part of the task object.
Here is an example – codepen (Click on the first task to see the result)

You can also set the additional information with the task resources – https://www.htmlelements.com/demos/gantt/resource-management/

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Srinivas,

Thank you for the feedback! We will look into it. The correct url is “gantt” and not “ganttchart” – https://www.htmlelements.com/demos/gantt/nonworking-days/

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi,

 

Thank you for the feedback! I have opened a work item for that and we will resolve it for our next release.

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi,

 

Thank you for the feedback! I have opened a work item for that and we will work on resolving this for our next release.

 

Regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Laola,

 

To make a field read-only, you can set “disabled: true”.

For the second question, please see the Checkout demo here – https://www.htmlelements.com/demos/form/checkout/

You will see that the field at orderSummary.order.products is dependent on the information contained in the payment method fields.

You can do this by updating the value inside the onValueChanges callback

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Brandon,

You can set a formatting function using JSInterop. Add a callback to the OnReady event. When the TableReady method is fired call a JavaScript function that will correctly set the format. Here is an example:

@inject IJSRuntime JS

<Table Id=”my-table” DataSource=”@Clients” Columns=”@tableColumns” OnReady=”TableReady”></Table>

@code {
Table table;

TableColumn[] tableColumns = new TableColumn[]
{
new TableColumn()
{
Label= “Name”,
DataField= “Name”,
},
new TableColumn()
{
Label= “Last Order”,
DataField= “LastOrder”,
DataType= TableColumnDataType.Date
}
};

private void TableReady(Table table)
{
JS.InvokeVoidAsync(“setDateFormat”, “my-table”, “LastOrder”, “dd/MM/yyyy HH:mm”);
}

//….

}

Then in your App.razor / Host.cshtml file create the function:

<script>
window.setDateFormat = (tableId, dataField, format) => {
let table = document.querySelector(‘#’ + tableId);
if (table) {
table.setColumnProperty(dataField, “formatFunction”, function (settings) {
const formattedValue = new window.Smart.Utilities.DateTime(settings.value).toString(format);
settings.value = formattedValue
});
}
}
</script>

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Matias,

When making many changes at once you can use beginUpdate & endUpdate. When beginUpdate() is called, it prevents the grid from refreshing until endUpdate() is called. So you can apply the changes like this so that the grid is refreshed only once at the end:

grid.beginUpdate();
//changes here…
grid.endUpdate();

 

In general, when you use server-side CRUD you can also consider using virtualDataSource as in the example here – https://www.htmlelements.com/angular/demos/grid/server-side-crud/

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Catdoken,

Yes, beginUpdate and endUpdate also work with setProperties. To use them, you should call them in this order:

grid.beginUpdate();

//make updates

grid.endUpdate();

 

Best Regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi,

 

One way to achieve this is by using the “mousemove” event to keep track of the mouse:

let mouseX, mouseY;
document.querySelector(‘smart-scheduler’).addEventListener(‘contextMenuOpening’, function(event){
event.preventDefault();
console.log(mouseX, mouseY)
})

document.querySelector(‘smart-scheduler’).addEventListener(‘mousemove’, function(event){
mouseX = event.pageX;
mouseY = event.pageY
})

 

Best regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Srinivas,

I don’t fully understand the question. The example shows how to prevent the default window from opening. After this, you can load or launch any angular component that you want. In the example, I launch a new custom window, but you can change this to whatever you need.

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Srinivas,

 

You can use the “popupWindowCustomizationFunction” property to prevent the default window from opening and replace it with any element you want.

Please see the example here – stackblitz

 

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Dark Beccio,

 

Have you set the “number” type in the dataSource -> dataFields array?

For example:

dataSource: new Smart.DataAdapter(
{
dataSource: generateData(10000),
dataFields:
[
'id: number',
'firstName: string',
'lastName: string',
'productName: string',
'quantity: number',
'date: date',
'price: number',
'total: number'
]
})

<span class=”im”>Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/</span>

[ivanpeevski]

Hi,

 

You can use the following CSS:

 

.row-class-dettaglio {
background: white;
color: back;
--smart-grid-cell-background-freeze: white;
--smart-grid-cell-color-freeze: black;
}

Best Regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

 

[Author]

Posts