Products

[admin]

Hi,

smart.elements.js will still exist in the source/modules folder. The github repo is updated now.

Best Regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

The documentation to get started with components is https://www.htmlelements.com/docs/grid/ and the Overview topics for any other component.

Thank you for mentioning places which we missed to update. We will remove these.

Best Regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi rkever,

All examples use the files from source/modules. We do not use source/smart.elements.js or source/smart.element.js in our demos. You can look at them here: https://www.htmlelements.com/demos/grid/overview/. You can download the software from https://www.htmlelements.com/download/ or from npm. The issue is that these are still in github and we will remove them from there as well. The files which should be used are within the source/modules. The styles which should be used are within the source/styles folder. If there is any place on our website where we use something else, we will need to update it.

Best Regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

• This reply was modified 2 years, 4 months ago by admin.

[admin]

Hi,

With the DropDownList, you should choose whether to create it with the DataSource property set or you will add the ListItem elements. It is not possible to have both things at the same place.

For example:

    <DropDownList @bind-SelectedIndexes="selectedIndexes" DataSource="dataSource" Filterable></DropDownList>
@code {
    private int[] selectedIndexes = new int[] { 0 };
    private List<string> dataSource = new List<string>()
    {
        "Affogato",
        "Americano",
        "Bicerin",
        "Breve",
        "Café Bombón",
        "Café au lait",
        "Caffé Corretto",
        "Café Crema",
        "Caffé Latte",
        "Caffé macchiato",
        "Café mélange",
        "Coffee milk",
        "Cafe mocha",
        "Cappuccino",
        "Carajillo",
        "Cortado",
        "Cuban espresso",
        "Espresso",
        "Eiskaffee",
        "The Flat White",
        "Frappuccino",
        "Galao",
        "Greek frappé coffee",
        "Alabala",
        "Indian filter coffee",
        "Instant coffee",
        "Irish coffee",
        "Liqueur coffee"
    };

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

The position accepts ‘near’, ‘far’ and ‘both’. ‘top and ‘bottom’ are invalid values. Reference: https://www.htmlelements.com/docs/grid-api/

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

You can add it to your code as Smart.Blazor.Button to avoid ambiguous usage.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

smart.elements.js is within the source/modules folder in the download package.

Best Regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Rafa,

You can use the column’s showActionButton property for that purpose.

			columns: [
		       {
                    label: 'First Name', dataField: 'firstName', showActionButton: false
                },
                { label: 'Last Name', dataField: 'lastName'},
                { label: 'Product', dataField: 'productName' },
                { label: 'Quantity', dataField: 'quantity', align: 'right', cellsAlign: 'right',},
                { label: 'Unit Price', dataField: 'price', align: 'right', cellsAlign: 'right', cellsFormat: 'c2' },
                { label: 'Total', dataField: 'total',  align: 'right', cellsAlign: 'right', cellsFormat: 'c2' }
			]

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Aviv,

The help topic which was referred in the previous post has Setup with Vue 3 and Setup with Vue 2.x. The Scheduler is created in the mounted function in the example.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Aviv,

You can use it with Vue 2 or Vue 3. Look at https://www.htmlelements.com/docs/scheduler/#vue

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Joey2,

We have a property called ‘pageHierarchySize’, which is part of the ‘paging’ property which determines that. That property is still in development mode, but you can experiment with it. It should not be a problem to load thousands of records with paging and grouping enabled and groups loaded on demand like in https://www.htmlelements.com/demos/grid/server-side-grouping/.

Hope this helps.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Joey,

Thank you for evaluating our Grid component. At present, it is not possible to combine grouping & virtual scroll. I will create a work item for this missing functionality and we will implement it in a future version. It is currently possible to use either virtual scroll or load on demand independently.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Rafa,

We confirm that there is an issue even in the current version(the version used in stackblitz is 9.2.22, the current one is 14). The issue which we have with filtering row in combination with server side model data binding is that the filtering row is not displayed. We will resolve this in the next release of the Grid component.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Cher Toggy,

With large data sets, we advice using load on demand either through scroll or paging. With load on demand with virtual scroll or paging, the initial load is the same as like loading 100 records – fast. Example with 100,000 records and virtual scroll with sort and filter enabled – https://www.htmlelements.com/demos/grid/virtual-scroll-sorting-filtering/. Similar example, but this time with Paging – https://www.htmlelements.com/demos/grid/virtual-paging-sorting-filtering/

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

Please, look at https://www.htmlelements.com/docs/window-css/. Scroll to the bottom of the page, where we have an example. I will also copy it here to show you how to apply CSS variables

<style>
        #window{
            --smart-window-header-background: #547284;
            --smart-window-background: #f5fafd;
            --smart-window-header-color: #f5fafd;
        }
</style>

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts