Products

[admin]

Hi pkz,

We will investigate what could be the reason for this. It seems that the browser auto-scrolls to the focused element.

Best regards,
Peter Stoev

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

[admin]

Hi pkz,

I can’t see the video as my web browser reports it as unsafe.
As for hiding columns based on priority – no, we do not have such functionality built-in the Smart.Grid. We have it in our Table component, but not in the Grid.

Best regards,
Peter Stoev

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

[admin]

Hi pkz,

The Grid in the sample was with width set to (100% – 350px) That’s the reason why on a small screen its width is nearly 0.

1. Auto-hide rows is not supported.
2. We have a Dark theme. You can look at the demo and choose a theme from the Theme chooser. You can also use Bootstrap or Material style design.
3. Server side grouping is supported. Look at: https://www.htmlelements.com/demos/grid/server-side-grouping/. Rows within groups are loaded on demand after expand.
4. No, but cells wrapping feature can be enabled – https://www.htmlelements.com/demos/grid/allow-cells-wrap/
5. Filtering Row is supported – https://www.htmlelements.com/demos/grid/filtering-row/
6. Server-side pagination can be seen here: https://www.htmlelements.com/demos/grid/server-side-paging-sorting-filtering-mysql-php/

Best regards,
Peter Stoev

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

[admin]

Hi pkz,

Thank you for your interest in our products.

Regarding your questions:

1. Drag and Drop between Grids can be implemented like that: https://www.htmlelements.com/demos/grid/row-drag/
2. Unfortunately, we do not have such functionality built in the Grid. That can be implemented by dynamically setting the Grid’s dataSource property to a new Array or DataAdapter instance.
3. The Grid allows rendering of any type of HTML in the cells by using a templating functionality. For example: https://www.htmlelements.com/demos/grid/column-dynamic-template-with-components/ shows how to implement templates rendering.
4. Yes, you can render tags in cells. For example: https://www.htmlelements.com/demos/grid/column-dynamic-template/
5. No, but in most cases Grids are either with responsive or fixed height and the horizontal bar is shown in the view area. For example: https://www.htmlelements.com/demos/grid/spreadsheet/
6. Yes, you can have top pager and all other parts can be done as well.
7. You can take a look at: https://www.htmlelements.com/demos/grid/users/. The demos shows sorting, filtering, columns panel, column resize, column edit, multiple cells selection(excel-like), multi-users support and different types of cell editors.

Best regards,
Peter Stoev

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

[admin]

Hi,

Could you share details about what exactly is wrong in the Grid in right to left mode? How can we reproduce this behavior?

Best regards,
Peter Stoev

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

[admin]

Hi,

The issue here is that the ‘en’ locale messages are undefined. When it does not find a message, the grid tries to use the ‘english’ message and in this case it is undefined.

Best regards,
Peter Stoev

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

[admin]

Hi,

Thank you for the feedback!

We are aware of the reported behavior. This display mode cannot be used with server-side-crud in the current version of the DataGrid component. This will be updated in the next release.

Best regards,
Peter Stoev

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

[admin]

Hi,

We have prepared a help topic about that: https://www.htmlelements.com/docs/grid-localization/. Could you provide steps to reproduce the reported issue as we are interested in handling that scenario 🙂

Thanks for the feedback!

Best regards,
Peter Stoev

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

[admin]

Hi,

The issue in the provided code is that the Grid’s binding is to a json which does not reflect to the columns definitions. For example, you have a column like label: ‘Campo testo 2’, dataField: ‘C2’, but your data source does not have a ‘C2’ key.

Best regards,
Peter Stoev

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

[admin]

Hi tulio,

I meant that the codepen provided is invalid because nothing is seen in it. The issue is that the editor is not implemented as in the sample I referred to and that the data source is invalid. While the sample binds to beverages.json, your columns do not and the Grid is empty without any data loaded. It looks like that you want to use the grid in unbound mode as a spreadsheet and add dropdownlist editor to it. Is that right?

Best regards,
Peter Stoev

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

[admin]

Hi,

Unfortunately, the provided example is not working. There is no Grid on it.

Best regards,
Peter Stoev

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

[admin]

Hi,

I cannot see a grid in the provided example.

Best regards,
Peter Stoev

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

[admin]

Hi,

We are unable to reproduce this. Could you share an example?

Best regards,
Peter Stoev

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

[admin]

Hi

The JS files should be configured in the routing as well. Each page has different dependencies and the configuration should be set there.

Example:

  {
            path: '/dashboard-2',
            template: './dashboard-2/template.htm',
            styleUrls: ['./dashboard-2/styles.css'],
            scriptUrls: [
                '../../../smart/source/modules/smart.calendar.js',
                './dashboard-2/index.js'
            ],
            title: 'Dashboard 2 - ' + defaultTitle
        }

Best regards,
Peter Stoev

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

[admin]

Hi,

In the folder of an admin template, there is a file called ‘routing.js’ and a setupRouting function inside it. There you can define the routes to the different page. To learn how to define a page, you can look at some of the folders in the admin template like: “detail”. It has 4 files inside it – index.htm, template.htm, styles.css and index.js. The index.js defines scripts after the page is loaded, styles.css defines page-specific styles, index.htm defines the page’s title, template.htm defines the page’s content.

Best regards,
Peter Stoev

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

[Author]

Posts