Products

[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/

[admin]

Hi,

It is not possible to apply custom formatting at present.

Best regards,
Markov

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

[admin]

Hi,

You can apply to the button tag using CSS the following: display: flex; and align-items: center; if you want the Text and Image to be aligned.

Regards,
Markov

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

[admin]

Hi,

I suppose you will need to use Javascript and JSInterop if you want to preventDefault and event. In Blazor with .NET code using the eventObj it cannot happen.

Regards,
Markov

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

[Author]

Posts