Products

[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/

[admin]

Hi Ronak,
I would suggest the following:
1. Instead of the link to navigate to a page, make it to call a function.
2. In that function use the Angular Routing API to handle the click.
We have a help tutorial about using angular routing which might help you: https://www.htmlelements.com/docs/angular-routing-tabs/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Please, refer to: https://www.htmlelements.com/docs/angular-http-crud/
Hope it helps you.
Regards,
Peter
Smart UI Team
Htmlelements.com

[admin]

Hi Ronak,
Could you share a stackblitz example? You can use this template for your example: https://stackblitz.com/github/htmlelements/smart-webcomponents-angular/tree/master/grid/overview
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

I have used code from here, i have not changed anything  https://www.htmlelements.com/angular/demos/gantt/resource-timeline-mode-diagram
Just use below JSON as datasource.
 
<div>
<div>dataSource: Array<object> = [</div>
<div>{</div>
<div>label:’Development’,</div>
<div>synchronized:true,</div>
<div>expanded:true,</div>
<div>disableResources:true,</div>
<div>type:”project”/* Project */,</div>
<div>tasks: [</div>
<div>{</div>
<div>label:’User Interface Design’,</div>
<div>dateStart:’2020-02-01′,</div>
<div>dateEnd:’2020-02-10′,</div>
<div>progress:0,</div>
<div>type:”task”/* Task */,</div>
<div>resources: [{</div>
<div>id:’megan’,</div>
<div>label:’Megan’,</div>
<div>},</div>
<div>{</div>
<div>id:’parth’,</div>
<div>label:’parth’,</div>
<div>}]</div>
<div>},</div>
<div>{</div>
<div>label:’Controllers & Event’,</div>
<div>dateStart:’2020-02-10′,</div>
<div>dateEnd:’2020-02-20′,</div>
<div>progress:0,</div>
<div>type:”task”/* Task */,</div>
<div>resources:’megan'</div>
<div>}</div>
<div>]</div>
<div>}</div>
<div>];</div>
</div>

[admin]

Thanks, will there be a release where this limitation will be handled ? actually,  i have quite few fields against tasks and i am wondering how can i handle this…
 
Thanks once for prompt reply.

[admin]

Thanks, i could solve the issue. by removing the <div><div *ngIf=”columns.length>0; else loading;”></div> and moving all properties setting to ngAfterViewInit. however,  i was wondering how do i creating a loading effect on the page while grid is loading data into it…
 

[admin]

Hi GLMSDev,
The variable this.grid is undefined, when you try to use it. This basically means that your app.component.html template reference #grid or something else which you use is not bound to a ViewChild in your app.component.ts or the moment when you try to refer to that variable is before the Angular view is initialized. My suggestion would be to take a look and get started from: https://www.htmlelements.com/docs/grid/#angular.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Thanks for the tip. I tried this and it showed me only 4 columns, but i have many more columns in it. also, it just expanded the grid width…and no scroll bar in left side of section

[Author]

Posts