Products

[ivanpeevski]

Hi Mark,

Thank you for the feedback! They should be able to be used together and this is a bug.

I have opened a work item and we will work on fixing it as soon as possible.

As a workaround, please see the demo here. It achieves the exact same functionality: codepen

 

Best Regards,
Ivan Peevski
Smart HTMLElements Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Nguyễn Thành,

responseHandler requires a JS callback function. So to use it in Blazor, you will need JS Interop.
For example:
@using Microsoft.JSInterop
@inject IJSRuntime JS
protected override void OnInitialized() {
base.OnInitialized();
JS.InvokeVoidAsync(“addResponseHandler”);
}

In the _Host.cshml, or index.html depending on whether you use Server-side or WASM Blazor, add this;

<script>
window.addResponseHandler = () => {
const fileUpload= document.querySelector(‘smart-file-upload’);
fileUpload.responseHandler = function(xhr){ if(xhr.status === 404) {console.log(‘Not Found’);}};
}
</script>

If you wish to use only Blazor with no JS, you can also use the OnUploadCompleted and OnUploadError events.

Best Regards,
Ivan Peevski
Smart HTMLElements Team
https://www.htmlelements.com/

[ivanpeevski]

Hi edwardsmarkff,

Could it be that you saw our TextArea Editor demo  or the Editing Dialog demo?

In general, the grid supports custom editing, so an editable cell can be turned into any kind of input element.

 

Best Regards,
Ivan Peevski
Smart HTMLElements Team
https://www.htmlelements.com/

[ivanpeevski]

Hi Ronak,

To achieve this, please have a look at the online example here

1. To format the summary based on the value, you need to add the OnEndEdit() and OnReady() events to the smart-grid. Then in app.component.ts attach the SummaryConditionalFormatting() function, which you can see in the code example above.
2.  To set the decimal point of a column, you use cellsFormat: ‘f2’ in the column properties

Best Regards,
Ivan Peevski

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

• This reply was modified 1 year, 10 months ago by ivanpeevski.

[ivanpeevski]

Hi Latvels,

Unfortunately, filtering by template is not currently supported by the Gantt component.

In your case, I would suggest modifying the data according to your template before setting it as dataSource of the Gantt component.

Best regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hello Giovanni,

We have identified the issue and the fix will be released in the next version of Smart UI.

Best regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hello Giovanni,

You do not need to insert the data row by row. I suggest you to have a look at some of our examples regarding this such as Bind to JSON or Server-side CRUD

It is also possible to initialize the Grid without any dataSource and set it later, when you receive the data.

Best regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hello Giovanni,

Thank you for reporting this behavior.

I have created a work item regarding this and we will work on fixing it as soon as possible!

If you face any other issues, please do not hesitate to contact us again.

Best regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi anna,

Thank you for the additional information! The CSS issue is caused by the max-width property of .smart-kanban-task. Instead, I suggest setting left and right padding to the column-content element and you can achieve the same visual effect:

.smart-kanban-column-content {
background-color: rgb(240, 240, 240);
border-radius: 0.5em;
padding: 0 4%;
}

.smart-kanban-task {
border-radius: 0.2em;
margin: auto;
}

Regarding storing the checklist, you can have a look at the way we store comments in our tutorial demo. The idea with checklist is exactly the same. You need to create a new table Checks, with the check properties – text, completed, and an additional taskId field. Then everytime you execute a SELECT Query for Tasks, you need to execute an additional SELECT Query for Checks where taskId matches with the id of the task you are selecting. The array you receive from the second query, you need to set as a value to the task.checklist property. The same goes for Insert/Delete Queries. When you execute an UPDATE Query, you first need to delete the checks and then insert the new ones.
Have a look at an example with checklist here: demo with checklist

If you have any other questions, please do not hesitate to contact us again.
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

 

[ivanpeevski]

Hi Javier,

To customize the color options, you need to set the palette property to “custom”. Then set the paletteColors property to the array of color you wish to display. You can have a look at the demo here: codepen demo

If you have any other questions, please do not hesitate to contact us again!
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

 

[ivanpeevski]

Hello anna,

Regarding the first question, I was not able to reproduce this problem.
Could you please check if the issue appears in this demo: https://github-r8z6a4.stackblitz.io
If it does, please share your web browser version.

Regarding the second question, can you please clarify what you mean by “storing”?
Our Kanban component supports exporting the current state of the kanban in an external file – pdf, html, json, xlsx etc. (You can see demo here)
If you mean getting or storing the current state(for example which tasks belong to which columns), you can use the “getState()” method, have a look at the demo here(by clicking on the “Log State” button, you will see the current tasks in the console)

If you have any other questions, please do not hesitate to contact us again!
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi anna,

The reason the task doesn’t appear is beacause it is set to a column that doesn’t exist.

As you can see in your code, the Kanban Columns are backLog, onGoing, completed and blocked. But in the INSERT query, the task’s status is set to “done”.
If you change “done” to any of the columns, for example “completed”, you will see that the task will appear.

If you have any other questions, please do not hesitate to contact us again!
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hi anna tang,

To hide the blue button, you need to apply this CSS rule in your application:
<div>
<div>.smart-kanban-add-new-button[add-new-button] {</div>
<div>        display: none !important;</div>
<div>}</div>
</div>
<div></div>
<div>You can have a look at the example here: https://stackblitz.com/edit/github-zhzwd1?file=src%2Findex.html</div&gt;
<div></div>
<div>If you have any other questions, please do not hesitate to contact us again!
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/</div>
<div></div>
<div></div>

[ivanpeevski]

Hello Matias,

Unfortunately, this functionality is not natively supported yet, however it is possible to capture and create modified copies of the uploaded files:
https://stackblitz.com/edit/github-k6uejf?file=src%2Fapp%2Fapp.component.ts

That said, modifying the files on the servers side, if possible, is a much cleaner solution, as Javascript doesn’t support directly modifying uploaded files.
You can also use our SetHeaders() Method to send any additional data together with the files.

If you have any other questions, please do not hesitate to contact us again!
Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[ivanpeevski]

Hello Abilio,

Please have a look at the demo here: Codepen demo

Every time you drag a task, the console will log the new index of the task within its parent column (0 is the first index).

If you have any other questions, please do not hesitate to contact us again.
Best regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts