Products

[svetoslav_borislavov]

Hi,

Thank you for your feedback!
If you have any questions, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You may try adding the tooltips to the body, this way:
https://codepen.io/svetoslavb04/pen/oNJjZYG

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here are the correct smart CSS variables that need to be changed:
https://codepen.io/svetoslavb04/pen/YzdXgzq

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example of using a tooltip in a grid:
https://codepen.io/svetoslavjqwidgets/pen/dygRgBO

You may adopt it for your needs.
I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You may use dataSource in combination with dataSourceSettings:
https://codepen.io/svetoslavb04/pen/PoXwxad

You may access the dataSource, change it and refresh the grid with new data as shown in the example.
I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here you are: https://stackblitz.com/edit/github-wnyy8e-iqzu1z?file=src%2Fapp%2Fapp.component.ts
To use material icons, you should import them as shown in the link that you have sent.
In index.html, you should add the following import tag:
<link rel=”stylesheet” href=”https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200″ />

Also, a style has to be added. I have added it in assets/styles.css:
.material-symbols-outlined {
font-variation-settings: ‘FILL’ 0, ‘wght’ 400, ‘GRAD’ 0, ‘opsz’ 48;
}

The last part is that the icons are not used as custom tags, but the following way: <span class=”material-symbols-outlined”>done</span>

Please see the demo to get familiar with.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example with a column that is edited by a drop down list:
https://www.htmlelements.com/demos/grid/editing-cell-dropdowns/

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

To capture the change of a cell, you can use the onCellUpdate callback.
It accepts the following parameters:
(cells: Smart.Grid.Cell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void})
This function is useful if you want to make Ajax call to a server to validate the cell changes.
If the changes are validated, invoke the confirm function.

Here is an example: https://codepen.io/svetoslavb04/pen/MWZgbZY

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Yes, both options are valid, you should choose the one that meets your requirements.
Note that the first option will always select ‘Breve’ when you open the drop-down.

If you need further assistance, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example of your desired behaviour:
https://codepen.io/svetoslavb04/pen/oNQKZpX

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example of adding drop-down list in the header:
https://codepen.io/svetoslavb04/pen/MWzNpvq

As you can see, you should use a header template to set the content of the header.
Next, the drop-down of the list should be appended to the body in order to open properly.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

This approach to attaching event listeners is not supported
You may attach cellClick using the addEventListener.
Here is an example of doing so: https://codesandbox.io/s/dazzling-monad-lc9psc

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You may get the items length and use that length as a position.
This way you will add the new item at the end.
Here is an example: https://codepen.io/svetoslavb04/pen/JjexBYo

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Sorry for the mistake, yes, there is currentTime property.
Here I have created a demo with a current time set to some date. You can update the current time with the button and the current time indicator will also update:
https://easyupload.io/0khp2x

Download the project and run npm install to install the dependencies.
After that open index.html and test

Best Regards,
Svetoslav Borislavov

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

• This reply was modified 1 year, 3 months ago by svetoslav_borislavov.

[svetoslav_borislavov]

Hi,

Here is an example of the current time indicator updating correctly,
https://codepen.io/svetoslavb04/pen/oNQJdpa
There is no such property currentTime.
Can you explain further and apply a sample code if possible?

Best Regards,
Svetoslav Borislavov

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

[Author]

Posts