Products

[admin]

Hi Angel,

We followed the Excel-like behavior and Tab key does not enter a cell into edit mode. Instead it confirms the edit and moves the selection to the cell on the right and you can then start typing or press F2. Similar is the behavior of the Enter key, which confirms the edit and moves the selection to the cell below.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi Rafa,

Thank you writing. It is currently not possible to re-create a form. After a form is created, you can set its value like form.value = some json object.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi,

That is part of the Material styling. You can customize this by CSS – var(–smart-button-text-transform); CSS variable should be set to ”;
For the window, the var(–smart-window-footer-button-width) CSS variable controls the width of the buttons displayed in the Window’s footer.

Best regards,
Peter Stoev

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

[admin]

Hi,

It is currently not possible to export the grand total to Excel. We will create a feature request item for that functionality.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi Javi,

You can use the –smart-scheduler-timeline-cell-height CSS variable to customize the cells height in Scheduler.

.smart-scheduler {
    --smart-scheduler-timeline-cell-height:30px;
}

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi,

A built-in input in percentage is having that behavior, because the actual number is already a decimal. For example: the data value is 0.2 = 20%. In the Grid you will see and edit 20%, but when you get the value of the cell, it will be 0.2.

To achieve what you need, you can do the following:

  {
                    label: 'City2', dataType: 'number', cellsFormat: 'n2', editor: {
                        template: 'numberInput',
                        numberFormat: {
                            style: 'decimal',
                            minimumFractionDigits: 2
                        }
                    }, formatFunction(settings) {
                        settings.value = settings.value + '%';
                    }, dataField: 'City2', width: 120
                },

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[admin]

Hi,

– The cancelLabel and confirmLabel properties determine the texts of button labels.
– The window’s width and height are set in CSS

Best regards,
Peter Stoev

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

[admin]

Hi Cher Toggy,

This is a bug in the DataGrid. We added a work item about it. Workaround unfortunately is not available as in order to resolve this, we will need to modify the Grid’s code for handling date filtering in the filtering panel.

Thank you for the feedback!

Best regards,
Peter Stoev

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

[admin]

Hi Cher Toggy,

The format button is displayed only when you have Numeric columns in the Grid.

Best regards,
Peter Stoev

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

[admin]

Hi oliver.aldrian,

You do not need Grid.Rows. You need Grid.DataSource. In the current version 14 Grid.Rows = Grid.DataSource.

Best regards,
Peter Stoev

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

[admin]

Hi Oliver,

The property is called SummaryRow and each column has Summary property.

Example how to use it:

@page "/grid"

@using Smart.Blazor.Demos.Data
@inject WeatherForecastService ForecastService

<Example Name="Grid">
	<h1>Weather forecast</h1>

	<p>This component demonstrates fetching data from a service.</p>

	@if (forecasts == null)
	{
		<p><em>Loading...</em></p>
	}
	else
	{
		<Grid OnReady="GridReady" SummaryRow="summary" Sorting="@sorting" Appearance="@appearance" Selection="@selection" Style="width: 80%;">
			<Columns>
				<Column DataField="Date" Label="Date"></Column>
				<Column DataField="TemperatureC" Label="TemperatureC"></Column>
				<Column DataField="TemperatureF" Label="TemperatureF"></Column>
				<Column Summary="@columnSummary" DataField="Summary" Label="Summary"></Column>
			</Columns>
			<Rows>
				@foreach (var forecast in forecasts)
				{
					<Row>
						<Cell Content="@forecast.Date.ToShortDateString()"></Cell>
						<Cell Content="@forecast.TemperatureC"></Cell>
						<Cell Content="@forecast.TemperatureF"></Cell>
						<Cell Content="@forecast.Summary"></Cell>
					</Row>
				}
			</Rows>
		</Grid>
	}
</Example>

@code {
    string[] columnSummary = new string[] { "count" };

	GridSummaryRow summary = new GridSummaryRow() { Visible = true };
    GridSorting sorting = new GridSorting() { Enabled = true };
    GridAppearance appearance = new GridAppearance() { AlternationCount = 2 };
    GridSelection selection = new GridSelection()
    {
        Enabled = true,
        Mode = GridSelectionMode.Many,
        CheckBoxes = new GridSelectionCheckBoxes()
        {
            Enabled = true
        }
    };

    void GridReady(Grid grid)
    {
        var rows = grid.Rows;
        grid.SelectRows(new int[] { 0, 1, 2 });
    }
    private WeatherForecast[] forecasts;

    protected override async Task OnInitializedAsync()
    {
        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
    }
}

Best regards,
Peter Stoev

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

[admin]

Hi Oliver,

SelectRows expects an array of Row ids. The method’s description is Selects multiple rows by their ids. It will not work with row objects i.e. passing List will not work, passing the IDs in a List would be ok.

Example how to use SelectRows

@page "/grid"

@using Smart.Blazor.Demos.Data
@inject WeatherForecastService ForecastService

<Example Name="Grid">
	<h1>Weather forecast</h1>

	<p>This component demonstrates fetching data from a service.</p>

	@if (forecasts == null)
	{
		<p><em>Loading...</em></p>
	}
	else
	{
		<Grid OnReady="GridReady" SummaryRow="summary" Sorting="@sorting" Appearance="@appearance" Selection="@selection" Style="width: 80%;">
			<Columns>
				<Column DataField="Date" Label="Date"></Column>
				<Column DataField="TemperatureC" Label="TemperatureC"></Column>
				<Column DataField="TemperatureF" Label="TemperatureF"></Column>
				<Column Summary="@columnSummary" DataField="Summary" Label="Summary"></Column>
			</Columns>
			<Rows>
				@foreach (var forecast in forecasts)
				{
					<Row>
						<Cell Content="@forecast.Date.ToShortDateString()"></Cell>
						<Cell Content="@forecast.TemperatureC"></Cell>
						<Cell Content="@forecast.TemperatureF"></Cell>
						<Cell Content="@forecast.Summary"></Cell>
					</Row>
				}
			</Rows>
		</Grid>
	}
</Example>

@code {
    string[] columnSummary = new string[] { "count" };

	GridSummaryRow summary = new GridSummaryRow() { Visible = true };
    GridSorting sorting = new GridSorting() { Enabled = true };
    GridAppearance appearance = new GridAppearance() { AlternationCount = 2 };
    GridSelection selection = new GridSelection()
    {
        Enabled = true,
        Mode = GridSelectionMode.Many,
        CheckBoxes = new GridSelectionCheckBoxes()
        {
            Enabled = true
        }
    };

    void GridReady(Grid grid)
    {
        var rows = grid.Rows;
        grid.SelectRows(new int[] { 0, 1, 2 });
    }
    private WeatherForecast[] forecasts;

    protected override async Task OnInitializedAsync()
    {
        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
    }
}

Best regards,
Peter Stoev

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

[admin]

Hi Àngel,

We resolved the reported issue in the today’s smart-webcomponents-angular build. You can update your version.

Best regards,
Peter Stoev

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

[admin]

Hi mastercs999,

There is an issue with the ClassName and CellsClassName properties. We will do our best to resolve it for the next patch release of Smart.Blazor.

You can use the following as a workaround:

smart-grid-column[data-field="FirstName"] { 
  // your CSS goes here.
}

Best regards,
Peter Stoev

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

[admin]

Hi oliver.aldrian,

We tested this and we confirm that this is a bug. We will add a work item for this and it will be resolved in the next version of the blazor grid.

Thanks for the feedback!

Best regards,
Peter Stoev

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

[Author]

Posts