Demos

[admin]

Hi,
We do not have built-in API for scrolling in the Accordion. scrollIntoView as a browser API is an option(https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView).
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Whether you can collapse all or expand all items depends on the value of the expandMode property of the Accordion component. In some modes such as the default you, there is always at least one opened Accordion item. You need to set the expandMode to “multiple” in order to expand all or collapse all.
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
yes that helped. Thank you a lot!
Best regards,
Gerhard

[admin]

Hi Gerhard,
With mapping, you can use:

var data = [
  {text1: 'abcde', object: {num1: 123}},
  {text1: 'abcde', object: {num1: 123}},
  {text1: 'abcde', object: {num1: 123}},
  {text1: 'abcde', object: {num1: 123}},
  {text1: 'abcde', object: {num1: 123}}
];
Smart('#grid', class {
                    get properties() {
                        return {
                            dataSource: new Smart.DataAdapter({
                                mapChar: '.',
                                dataSource: data,
                                dataFields: [
                                    {name: 'text1', dataType: 'string'},
                                    {name: 'num1', map: 'object.num1', dataType: 'number'}
                                ]
                            }),
                            columns: [
                                { label: 'Text 1', dataField: 'text1' },
                                { label: 'Number', dataField: 'num1' },
                            ]
                        }
                    }
                });

Hope this helps.
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Peter,
thank you! Now I can define it like that. But it doesn’t solve my mapping problem.
https://codepen.io/captaingerhard/pen/WNQLzyQ?editors=0010
Is the attribute ‘map’ wrong, too?
 
Regards,
Gerhard

[admin]

Hi Gerhard,
You can use this:

   dataSource: new Smart.DataAdapter({
                                dataSource: data,
                                dataFields: [
                                    {name: 'text1', dataType: 'string'},
                                    {name: 'object', dataType: 'string'}
                                ]
                            }),
                            columns: [
                                { label: 'Text 1', dataField: 'text1' },
                                { label: 'Object', dataField: 'object' },
                            ]

Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
yeah I followed your suggestion. I tried it without mapping and with mapping. Both doesn’t work.
Here it is without mapping:
https://codepen.io/captaingerhard/pen/ExVGEKW?editors=0010
And here it is with mapping:
https://codepen.io/captaingerhard/pen/WNQLzyQ?editors=0010
 
Regards,
Gerhard

[admin]

Hi Gerhard,
Did you follow my suggestion? Could you share codepen sample which shows how you tried to define a dataAdapter with dataFields mapping?
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Peter,
defining the dataFields like that didn’t work for me in the Smart.DataAdapter. Even without the mapping. The only way it worked for me was

dataFields: [
'name:type',
'name:type'
]

But I don’t see a way to do the mapping defining it like that.
 
Regards,
Gerhard

[admin]

Hi Fabio,
We are aware of that column resize behavior in Firefox and we resolved it in the next release of Smart Grid.
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Gerhard Seemann,
Have you tried it by defining the dataFields array as in our jqxDataAdapter like that { name: …, map: …. } The map field defines the sub property mapping.
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Fabio,
Thank you for the feedback. We were able to see the reported behavior in Firefox and will resolve it for the next release. It is scheduled for this week.
Best Regards,
Peter
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi Cristofer,
I have uploaded an example on CodeOpen and the refresh with Chrome is ok but with Firefox is doesn’t.
Can you help me?
Link is: https://codepen.io/fabionicc/pen/vYNzKaL
Best regards.
Fabio

[admin]

Hi Fabio,
I think the error is in this: timeStampGrid.columns = columns;
Best Regards,
Peter
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi Christopher,
you can investigate at link
http://sviluppo.vgnetdev.pro/tabelle/timestamp/timestampLista.php
Best regards,
Fabio

[Author]

Posts