Demos

[admin]

Hi,
The javascript code looks OK, except how the Scripts are imported. I suppose that the site.js script is actually loaded in your app, before the smart.grid module. You can try changing the type=”module” to the site.js as well.
However, in order to test and debug, we will need a complete sample which demonstrates an issue. You can share it online if you wish by using https://dotnetfiddle.net/
Best regards,
Boyko Marokv
Smart UI Team
https://www.htmlelements.com/

[admin]

Thank you very much.

[admin]

Hi Ronak,
The demo is available in the download package, too. It uses a custom editor defined in a native HTMLTemplateElement defined in template tag. To use that approach HTMLTemplateElement should be outside of the Angular component. It is also possible to use Angular component within Grid column and this approach is described in this tutorial: https://www.htmlelements.com/docs/angular-component-grid-column/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
resultCallbackFunction should be called when you want to call it based on your application’s needs. It is called by your code.
The DataGrid has ‘sort’ and ‘page’ events. The ‘sort’ and ‘page’ events are documented here: https://www.htmlelements.com/docs/grid-api/.
As we pointed in a previous communication with you. We suggest you to look at this help tutorial and its implementation.: https://www.htmlelements.com/docs/angular-rxjs/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
Could you share a codepen or stackblitz example, which demonstrate your DataGrid application scenario?
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
No. The DataGrid’s API which you can use can be found on the following web page: https://www.htmlelements.com/docs/grid-api/.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
I would suggest you to check the correct hierarchy of HTML Elements on your page. Make sure that you do not put any attributes on your Splitter Panels, etc. Splitter and Splitter Panels should be used as shown in our docs and examples. Custom styles should be avoided as they may break the logic of the component. Could you please, share codepen example which demonstrates your web application scenario?
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Ronak,
The demo you refer uses a custom template defined as HTMLTemplateElement. If you want to display dropdown, it is better to use this: https://www.htmlelements.com/angular/demos/grid/editing-cell-dropdowns/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
The DataGrid functionality you are looking for is not available. We will consider implementing additional options in future versions of the DataGrid component.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
The document explains the built-in formatting, which was your question – cellsFormat. For custom formatting with custom function, look at this example: https://www.htmlelements.com/demos/grid/overview/ which uses a custom format function.
Best regards,
Peter Stoev
jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi davout,
About the DataGrid, we have detailed documentation about formatting available here: https://www.htmlelements.com/docs/grid-rows-columns/#formatting
Best regards,
Peter Stoev
jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi Ronak,
Checked and Selected are different. By using the “getSelection” DataGrid method will retrieve only the selected rows, if there are any.
Each data row in Smart.Grid has a “checked” boolean property. You can use it to determine whether a data row is “checked”.
Regards,
Peter
Smart HTML Elements
https://www.htmlelements.com/

[admin]

Hi,
We would like to suggest you to look at the splitter examples, before trying to use it. The main issue in your scenario is that you should not even try to put a splitter bar because this is done by the splitter component automatically. The splitter bar is an utility component and is auto created and auto removed dynamically and its logic depends on the component which created it. If you create a splitter bar, then it will have not work.
Regards,
Peter
Smart UI Team
Htmlelements.com

[admin]

Hi Peter,
I can’t reproduce it in Codepen with your smart scripts. I have the scripts local, so it’s hard to make an example. Maybe I should try to update the framework, even though I thought that it was up to date. I’ll try.
The error only occurs with smart-text-box, not with smart-password-text-box.
 
Thank you and best regards,
Gerhard

[admin]

Hi Gerhard,
This is very strange. Do you have an example which shows this kind of error?
Also, alternatively you can take a look at Smart.Input which is more simple version of the TextBox regarding the auto-complete and edit modes functionality of the component.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts