Demos

[admin]

Hi,

Please, take a look at https://www.htmlelements.com/themebuilder/ and https://www.htmlelements.com/docs/table-css/

Best regards,
Markov

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

[admin]

Hi,

Please, refer to https://www.htmlelements.com/demos/scheduler/overview/.

Best regards,
Markov

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

[admin]

Hi Patrick,

We just released a new version. You have an originalEvent parameter in the column click.
Alternatively, the column definition includes a new headerTemplate property which allows you to setup the column’s header after the label template is rendered.

Here’s the code:

` “label”: “Task ID”, allowEdit: false, “dataType”: “number”, “template”: “autoNumber”, width: 150,
labelTemplate: function () {
return “AddID“;
},
headerTemplate: function (header) {
const button = header.querySelector(‘smart-button’);
button.addEventListener(‘pointerdown’, function (event) {
grid.addNewRow();
event.stopPropagation();
});
}`

Hope this helps.

Best regards,
Markov

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

[admin]

Hi,

Yes, this is possible. Please, take a look at https://www.htmlelements.com/angular/demos/grid/server-side-paging-sorting-filtering-mysql-php/

Hope this helps.

Best regards,
Markov

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

[admin]

Hi,

Please, take a look at https://www.htmlelements.com/docs/gantt/. It shows how to get started with the Gantt in Vue.

Regards,
Markov

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

[admin]

Hi,

Yes, Smart Scheduler can be used inside modals or dialogs in Vue

Example:

<template>
  <div>
    <button @click="showModal = true">Open Scheduler</button>

    <smart-window v-if="showModal" label="Scheduler Modal">
      <smart-scheduler :dataSource="schedulerData"></smart-scheduler>
    </smart-window>
  </div>
</template>

Hope this helps.

Best regards,
Markov

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

[admin]

Hi,

To set the id of the Grid, set the id property of the dataAdapter object to the dataField you want to be used as an ID.

Best Regards,
Markov

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

[admin]

Hi,

Please, look at https://www.htmlelements.com/demos/grid/column-dynamic-template-with-components/. The demo is using buttons and handles the clicks.

Best regards,
Markov

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

[admin]

Hi,

We do not have such event at present.

Best regards,
Markov

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

[admin]

Hi Joost,

I prepared it for you. It is not part of official docs.

Best regards,
Peter Stoev

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

[admin]

Hi Scott,

We tried to reproduce this without much success. Could you share a full sample which shows the issue you experienced?

Best regards,
Peter

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

[admin]

Hi Joost,

The ripple effect is defined with the .smart-ripple CSS class. You can do this:

.smart-ripple {
 animation: none; 
 visibility: hidden;
}

Best regards,
Peter Stoev

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

[admin]

Hi Scott,

The code should be updated like this:

document.querySelector('button').onclick = () => {
  const table = document.getElementById('table');
  const state = table.saveState();
  table.clearSort();
	table.updateRow('c', {id: 'bc', name: 'Item C2'});
  table.loadState(state);
}

Regards,
Markov

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

[admin]

Hi Matias,

The current version of the product uses the ‘placeholder’ key from the ‘messages’ property as this is part of the localization process of the Grid. The placeholder property is used for backward compatibility only if the ‘placeholder’ key is not defined, but in the current version it is and its value is ‘No rows’ which means that the solution is to set a new value of the ‘placeholder’ in the ‘messages’ property.

Best regards,
Markov

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

[admin]

Hi,

Sorry, the correct property for the taskColumns is hidden: true, not visible: false.

Best regards,
Markov

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

[Author]

Posts