Products

[admin]

…hmm the docs seem to be off a little.  In the doc for smart-button it says
“Note how <b>smart.element.js</b> and <b>webcomponents.min.js</b> are declared before everything else. This is mandatory for all custom elements.”
But the screen shot does not include them at all.

[admin]

I just noticed that in the documentation for smart.button is says:

“To initialize a button element the user has to include the following files to the head of the page:
…
smart.element.js – the base class
…
“

What does it mean that I need to include the base class?  If I have <my-element> and inside that I want to use <smart-button>…  Does <my-element> need to extend smart.elements.js?    That can’t be right…  Do I just need to reference it from my index.html?  I will try that.
 

[admin]

I got a reference to the button and inspected it in the console and it is indeed instantiated.   So it looks like I just need to dive into the style and theme settings as it is not applying any style whatsoever.   I expected the default look to match what is in the docs, but I guess not?  Anyway, if you see anything I am missing please let me know.
We are very much looking to buy because we want the tree,  but I need to confirm the basic usage first.
 
Thanks

[admin]

The ‘expand-mode’ in this case should be “single”, not “singleFitHeight” which fits the height to the available space, but in this case you do not have such space.
 
Regards,
Boyko
https://www.htmlelements.com/

[admin]

Hi,
The ensureVisible method scrolls to an item: https://www.htmlelements.com/docs/listbox-api/#toc-ensurevisible
Regards,
Boyko

[admin]

Hi Jack,
The feature is still not implemented in our Grid Web Component. We will add it in the next release of Smart Web Components.
Best Regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Aks26,
We will consider making this optional in future versions of our Gantt Chart. Unfortunately, this is not possible in the moment as the feature is not implemented.
Thanks for the feedback.
 

[admin]

Hi Aks26,
We have a demo about auto-height: https://www.htmlelements.com/demos/gantt/auto-height/. Do you use our latest version – Smart UI 7.4.0?
Regards,
Peter
Smart UI Team
https://www.htmlelements.com/

[admin]

Thanks a lot! It works.

[admin]

Thanks a lot Chris. I managed to figure it out and it works exactly how I want it to! Just another thing, there is also a row above the months row which displays the year. Is there a way to turn that row off completely?

[admin]

Hi
It is possible to disable it by handling the “opening” event. It is also possible to completely customise the popup window. Please, refer to this new tutorial about gantt-chart https://www.htmlelements.com/docs/gantt-editing/
Regards,
Peter

[admin]

Hi edwardsmarkf,
Thank you for your feedback. Unfortunately, the scroll buttons are the only way to scroll through Smart.Menu items at he moment. However, we will take your feature request into consideration for future development.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi ctstrist,
Please refer to the following example that demonstrates how to switch the Grid’s dataSource and columns dynamically: https://codepen.io/dimitar_jqwidgets/pen/eYNOPWE.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi ctstrist,
Currently, Smart.DataAdapter cannot get data from a file, but we are working on this functionality and hope that it will soon be available.
In the meantime, you can use fetch (or XMLHttpRequest, or jQuery.ajax()) to request the file’s data and then pass it as an array to the Grid, as is done in the code snippet below:

fetch('../../../scripts/beverages.json', { method: 'GET' })
    .then(function (response) {
        if (response.ok) {
            return response.json();
        }
    })
    .then(function (data) {
        Smart('#grid', class {
            get properties() {
                return {
                    appearance: {
                        alternationCount: 2,
                        showRowHeader: true,
                        showRowHeaderSelectIcon: true,
                        showRowHeaderFocusIcon: true
                    },
                    paging: {
                        enabled: true
                    },
                    pager: {
                        visible: true
                    },
                    sorting: {
                        enabled: true
                    },
                    editing: {
                        enabled: true
                    },
                    selection: {
                        enabled: true,
                        allowCellSelection: true,
                        allowRowHeaderSelection: true,
                        allowColumnHeaderSelection: true,
                        mode: 'extended'
                    },
                    behavior: { columnResizeMode: 'growAndShrink' },
                    dataSource: new Smart.DataAdapter(
                        {
                            dataSource: data,
                            dataFields:
                                [
                                    'name: string',
                                    'type: string',
                                    'calories: int',
                                    'totalfat: string',
                                    'protein: string'
                                ]
                        }),
                    columns: [
                        { label: 'Name', dataField: 'name' },
                        { label: 'Beverage Type', dataField: 'type' },
                        { label: 'Calories', dataField: 'calories' },
                        { label: 'Total Fat', dataField: 'totalfat' },
                        { label: 'Protein', dataField: 'protein' }
                    ]
                }
            }
        });
    })
    .catch(function (error) {
    });

Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi edwardsmarkf,
Thanks for the feedback.
I guess you downloaded the community version which was missing the source/modules folder. The community version does not include all files and components.
Regards,
Peter
Smart HTML Elements
https://www.htmlelements.com/

[Author]

Posts