Products

[svetoslav_borislavov]

Hi,

Thank you for the update!
If you have any additional questions, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Thank you for reporting the problem.
I have opened an issue for it.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You may use the endEdit event to update the data.
Here is an example of updating the initial data array: https://codepen.io/svetoslavb04/pen/jOdOJOr

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You can set the height of the grid to 100%, here is an example: https://codepen.io/svetoslavb04/pen/KKbOrVZ

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Could you try using the Refresh or Render method of the chart? They may also help

Best Regards,
Svetoslav Borislavov

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

• This reply was modified 6 months ago by svetoslav_borislavov.

[svetoslav_borislavov]

Hi,

This option is okay, but adding it on the declaration should work, please visit the “Financial Chart” demo here:
https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-chart?id=financial-series-candlestick

(This may open the first chart demo, scroll and select ‘Financial Chart’)

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

May you navigate to demos from the link I have sent you and then select the demo ‘Color Bands’
You can see that there are color bands, try to implement them as in the demo.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example of using colour bands in Blazor:
https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-chart?id=color-bands

I can see that you haven’t set DataField for your ChartSeriesGroupSerie also.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You can prevent the addition of chars that are not Numbers this way:
const input = document.querySelector(“#integer-input”);

input.addEventListener(‘keydown’, function (event) {
if(isNaN(event.key) && event.key != ‘Backspace’) {
event.preventDefault()
}
})

This way, the user will not be able to add , or .

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

When you create a template element js, you should put the children inside the content.
Ex. tmpTemplate.content.appendChild(tmpDiv);

Here is your demo now working: https://codepen.io/dkeamcaksoem/pen/abPMXqb

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Whenever you update the data source the selection in the table will be cleared. You should update some other variable for the data and on selection change, save the currently selected id, update the table’s data source and then re-select the old row.

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Cell template and colspan are not compatible.
You can only set the text content of the merged cell
Please visit this demo: https://www.htmlelements.com/angular/demos/grid/merged-cells/

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

You can query select all the cells with the highlight class.
See an example here: https://codepen.io/dkeamcaksoem/pen/rNoRPaQ

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example with a List used for dataSource:
https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-chart?id=basic

You need to bind the data fields with the series

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[svetoslav_borislavov]

Hi,

Here is an example of getting selected values:
@using System.Text.Json;

<Button OnClick=”GetSelected”>Get Selected</Button>

<Table @ref=”tableRef” OnReady=”OnTableReady” Selection=”true”>
<table>
<thead>
<tr>
<th scope=”col”>Country</th>
<th scope=”col”>Area</th>
<th scope=”col”>Population_Rural</th>
<th scope=”col”>Population_Total</th>
<th scope=”col”>GDP_Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>Brazil</td>
<td>8515767</td>
<td>0.15</td>
<td>205809000</td>
<td>2353025</td>
</tr>
<tr>
<td>China</td>
<td>9388211</td>
<td>0.46</td>
<td>1375530000</td>
<td>10380380</td>
</tr>
<tr>
<td>France</td>
<td>675417</td>
<td>0.21</td>
<td>64529000</td>
<td>2846889</td>
</tr>
<tr>
<td>Germany</td>
<td>357021</td>
<td>0.25</td>
<td>81459000</td>
<td>3859547</td>
</tr>
<tr>
<td>India</td>
<td>3287590</td>
<td>0.68</td>
<td>1286260000</td>
<td>2047811</td>
</tr>
<tr>
<td>Italy</td>
<td>301230</td>
<td>0.31</td>
<td>60676361</td>
<td>2147952</td>
</tr>
<tr>
<td>Japan</td>
<td>377835</td>
<td>0.07</td>
<td>126920000</td>
<td>4616335</td>
</tr>
<tr>
<td>Russia</td>
<td>17098242</td>
<td>0.26</td>
<td>146544710</td>
<td>1857461</td>
</tr>
<tr>
<td>United States</td>
<td>9147420</td>
<td>0.19</td>
<td>323097000</td>
<td>17418925</td>
</tr>
<tr>
<td>United Kingdom</td>
<td>244820</td>
<td>0.18</td>
<td>65097000</td>
<td>2945146</td>
</tr>
</tbody>
</table>
</Table>
@code {
Table tableRef = default!;

private void OnTableReady(Table table)
{
table.Select(1);
table.Select(2);
table.Select(5);
}

private async void GetSelected()
{
var selected = tableRef.Selected;

foreach (object item in selected)
{
if (item is string id)
{
var area = await tableRef.GetValue(id, “Area”);
var country = await tableRef.GetValue(id, “Country”);
}
}
}
}

I hope this helps!

Best Regards,
Svetoslav Borislavov

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

[Author]

Posts