Products

[ivanpeevski]

Hi BLaGO,

Currently, only the resources property has a change listener, and not any of the properties of its items. So the only way to force a refresh on the header is to ‘refersh’ the resources property.
So similar to the demo here: Scheduler Resources, you need to first copy the resources[0] object to a new variable and change its dataSource. Then set resources to a new array containing the update object.

For example:

 

let newResourceObject = document.querySelector(‘smart-scheduler’).resources[0];
newResourceObject.dataSource = [];
document.querySelector(‘smart-scheduler’).resources = [newResourceObject];

 

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

 

• This reply was modified 2 years, 1 month ago by ivanpeevski.

[ivanpeevski]

Hi Pavan,

 

Thanks for the feedback! We will further investigate the issue and fix it for our next releases.

Until then, the best workaround is to set value as an array like our demo here

 

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

[ivanpeevski]

Hi,

After you set the locale, you should use the messages property to set the translations of dataTabLabel and timeTabLabel

Please see the example here: DateTimePicker locales

 

The first day of the week can be changed with the firstDayOfWeek property. You should set it to “1” for Monday.

Best regards,
Ivan Peevski

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

 

[ivanpeevski]

Hi Dark Beccio,

 

You can achieve this with some CSS.

smart-input input{
text-transform:uppercase;
}

 

Please note that this is only a visual change and doesn’t change the actual value of the input.

 

Best regards,

Ivan Peevski

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

[ivanpeevski]

Hi Dark Beccio,

 

Currently there is no other property to control this.

I have created a work item and we will evaluate this as a new feature in a future release.

 

Best regards,

Ivan Peevski

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

[ivanpeevski]

Hi,

In this case, please see the example here: codepen

If the row was deleted with the delete command button, you can use the onCommand callback function to get the row index before it was deleted. It also allows you to cancel the row delete operation by setting command.handled = true;

 

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

[ivanpeevski]

Hi Martin,

Tooltips are enabled with the appearance.showTooltips property.

By default, the value of the tooltip is the value of the cell. Using the cell’s tooltip property allows you to set custom content.

See an example here: codepen.

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

 

 

[ivanpeevski]

Hi,

The onRowRemoved callback function is used for that.

Please note that it is set as a property, and not as an Event.

You can see an example here: codepen. The indexes of the row will be console logged.

 

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

[ivanpeevski]

Hi Mark,

Thank you for the feedback! They should be able to be used together and this is a bug.

I have opened a work item and we will work on fixing it as soon as possible.

As a workaround, please see the demo here. It achieves the exact same functionality: codepen

 

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

[ivanpeevski]

Hi Nguyễn Thành,

responseHandler requires a JS callback function. So to use it in Blazor, you will need JS Interop.
For example:
@using Microsoft.JSInterop
@inject IJSRuntime JS
protected override void OnInitialized() {
base.OnInitialized();
JS.InvokeVoidAsync(“addResponseHandler”);
}

In the _Host.cshml, or index.html depending on whether you use Server-side or WASM Blazor, add this;

<script>
window.addResponseHandler = () => {
const fileUpload= document.querySelector(‘smart-file-upload’);
fileUpload.responseHandler = function(xhr){ if(xhr.status === 404) {console.log(‘Not Found’);}};
}
</script>

If you wish to use only Blazor with no JS, you can also use the OnUploadCompleted and OnUploadError events.

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

[ivanpeevski]

Hi edwardsmarkff,

Could it be that you saw our TextArea Editor demo  or the Editing Dialog demo?

In general, the grid supports custom editing, so an editable cell can be turned into any kind of input element.

 

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

[ivanpeevski]

Hi Ronak,

To achieve this, please have a look at the online example here

1. To format the summary based on the value, you need to add the OnEndEdit() and OnReady() events to the smart-grid. Then in app.component.ts attach the SummaryConditionalFormatting() function, which you can see in the code example above.
2.  To set the decimal point of a column, you use cellsFormat: ‘f2’ in the column properties

Best Regards,
Ivan Peevski

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

• This reply was modified 2 years, 5 months ago by ivanpeevski.

[ivanpeevski]

Hi Latvels,

Unfortunately, filtering by template is not currently supported by the Gantt component.

In your case, I would suggest modifying the data according to your template before setting it as dataSource of the Gantt component.

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

[ivanpeevski]

Hello Giovanni,

We have identified the issue and the fix will be released in the next version of Smart UI.

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

[ivanpeevski]

Hello Giovanni,

You do not need to insert the data row by row. I suggest you to have a look at some of our examples regarding this such as Bind to JSON or Server-side CRUD

It is also possible to initialize the Grid without any dataSource and set it later, when you receive the data.

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

[Author]

Posts