Demos

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

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

[Author]

Posts