Questions on UI for Blazor Forum

1 answer

2.5K+ views

Vertical Aligning Column Contents to the top

So...what's the secret?

I have a couple of columns in the grid with a ton of data and I want the contents of the cells with less text to be aligned to the top.

I have no issues doing this in a web forms app, but for the life of me, I cannot get it to behave in blazor.

Grid

answered on 26 Apr 2021

2 answers

415 views

Why such a bad implementation?

Please take a look at https://github.com/Blazored/Toast this is how a toast should be implemented with default methods for ShowInfo
ShowSuccess,,ShowWarning and ShowError

Radzen and many other also have a similar implementation. Please be inspired and give us similar functionality in a upcoming release

Notification

answered on 26 Apr 2021

5 answers

982 views

Multi Select Drop Down stopped working after last update

After the last update the multi select drop down stopped working. It no longer drops down. You can type the names of items in the list and hit enter and they will populate the text area but the drop down never displays. Any ideas on what might be happening? As a side note I tried to change to an Autocomplete control and it would not drop down either. That might provide some insight as to the problem. I think it has something to do with the markup that caused it to behave a bit differently but not sure. I do know for sure it worked before and now it doesn't.

MultiSelect

answered on 26 Apr 2021

4 answers

407 views

Method for closing/hiding the notification

Hello

Is it possible to hide or close the notification from outside? I do have a notification with the possibility to answer. After clicking the button, the notification should close. Have a look at the screenshot. Thanks you and greetings from Berlin.

Notification

answered on 24 Apr 2021

6 answers

1.1K+ views

Clear FilterCellTemplate TelerikComboBox value on Button click

I have a Blazor Telerik Grid with FilterCellTemplate and a TelerikComboBox inside it, I would like to clear the selected value inside the ComboBox on button click

I am trying to create functionality to clear all the filters for a Telerik Grid on a button click event.

TelerikGrid has GridColumn that has FilterCellTemplate which is contains a TelerikComboBox.

Grid

answered on 23 Apr 2021

1 answer

586 views

GridColumn Template with AutoComplete

Hi,

Trying to use AutoComplete within the Grid as the option to fill data on a column - with EditTemplate, however, when open to Add a new item, the list of values is not presented.

Changing from AutoComplete to DropDownList, works as expected.

Could you please indicate on the snippet below what is wrong?

<GridColumn Field="@(nameof(ItemRateio.Projeto))" Title="Projeto" Width="150px">

<EditorTemplate>

@{

var ItemToEdit = context as ItemRateio;

<TelerikAutoComplete Data="@Projects"

Placeholder="Selecione Projeto"

@bind-Value="@ItemToEdit.Projeto"

>

</TelerikAutoComplete>

}

</EditorTemplate>

</GridColumn>

Projects is a List<string> and ItemRateio.Projeto is also a string.

Thanks

Grid

answered on 23 Apr 2021

1 answer

600 views

Is the Field attribute of FormItem needed?

If I am using templates for all my FieldItems, does each FieldItem need to have the Field attribute to associate the fielditem with the corresponding field in the data model?

See the sample markup below.

Thanks

<TelerikForm EditContext="@EditContext"

Columns="2"

ColumnSpacing="20px"

Orientation="FormOrientation.Vertical"

OnValidSubmit="OnValidSubmit">

<FormValidation>

<FluentValidationValidator />

</FormValidation>

<FormItems>

<FormGroup LabelText="Set options">

<FormItem>

<Template>

<label class="k-label k-form-label" for="setName">Set Name</label>

<TelerikTextBox Id="setName" @bind-Value="@model.SetName"></TelerikTextBox>

</Template>

</FormItem>

<FormItem>

<Template>

<TelerikDateRangePicker @bind-StartValue="@model.StartDate"

@bind-EndValue="@model.EndDate"

Min="@ViewModel.MinStartDate"

StartId="startDate"

EndId="endDate"

DisabledDates="@ViewModel.DisabledDates">

</TelerikDateRangePicker>

</Template>

</FormItem>

<FormGroup Columns="2">

<FormItem>

<Template>

<label class="k-label k-form-label" for="allowAutoFill">Allow Auto Fill</label>

<TelerikCheckBox Id="allowAutoFill" @bind-Value="@model.AllowAutoFill"></TelerikCheckBox>

</Template>

</FormItem>

<FormItem Field="@nameof(model.RequiredRecsToExpire)">

<Template>

<label class="k-label k-form-label">Required Recs to Expire</label>

<TelerikSlider @bind-Value="@model.RequiredRecsToExpire"

Min="0"

Max="20"

SmallStep="1"

LargeStep="5"

ShowButtons="false" />

</Template>

</FormItem>

</FormGroup>

<FormGroup LabelText="Initial starting point">

<FormItem LabelText="existingSets">

<Template>

<label class="k-label k-form-label" for="existingSets">From existing recommendation sets</label>

<RecSetSelector AvailableSets="@ViewModel.AvailableSets"

IsNew="true"

SelectedSetId="@ViewModel.SelectedSetId"

OnSetSelected="@OnSetSelected" />

</Template>

</FormItem>

<FormItem>

<Template>

<label class="k-label k-form-label" for="eanList">From a list of EANs</label>

<TelerikTextArea Id="eanList"

@bind-Value="@ViewModel.EanList"

AutoSize="true">

</TelerikTextArea>

</Template>

</FormItem>

</FormGroup>

<FormItem ColSpan="2">

<Template>

@*<br />*@

<label class="k-label k-form-label" for="comment">Comments</label>

<TelerikTextArea Id="comment"

@bind-Value="@model.Comment"

AutoSize="true">

</TelerikTextArea>

</Template>

</FormItem>

<ValidationSummary />

</FormItems>

<FormButtons>

<TelerikButton ButtonType="ButtonType.Button" OnClick="OnCancel">Cancel</TelerikButton>

<TelerikButton ButtonType="ButtonType.Submit" Primary="true">Save</TelerikButton>

</FormButtons>

</TelerikForm>

Form

answered on 23 Apr 2021

2 answers

712 views

Bind Value After Creating a surrounding component on top of drop down list or combo box

I am trying to create a reusable component which binds to a data service where I pass the binded value to the parent and get the data from the Telerik Drop List / Combo box, etc. What am I missing in regards to getting this data back up the the parent model? When I submit, it provides a value of null. #StillLearning

Code example concept:

Razor:

@inherits ActiveProviderTypeDropDownListBase

<TelerikComboBox Data="@ProviderTypes"
OnRead="@OnReadAsync"
TValue="string"
TItem="string"
AllowCustom="true"
@bind-Value="@BindValue"
Width="100%" />

Base:

public class ActiveProviderTypeDropDownListBase : ComponentBase
{
[Inject] ProviderDataService ProviderDataService { get; set; }
[Parameter] public string Width { get; set; }
[Parameter] public string BindValue { get;set; }

public List<string> ProviderTypes { get; set; }

public async Task OnReadAsync()
{
ProviderTypes = await ProviderDataService.GetActiveProviderTypesAsync();
}
}

Reusable Component For Elsewhere Elsewhere:

<ActiveProviderTypeDropDownList Width="100%"
BindValue="DialogBaseService.ValueToCreate.ProviderTypeName"

DropDownList

answered on 23 Apr 2021

2 answers

317 views

No chips show

Hello,

Is it possible to not show the selection at all on multiselect component. I mean, I don't want to show the chips. Just the current user input or placeholder text.

Thanks!

MultiSelect

answered on 22 Apr 2021

3 answers

2.4K+ views

I need to disable the check box

hello,

I need to disable checkboxes when a button is pressed in a grid (GridCheckboxColumn), I tried with a template row but I couldn't find how to persist the selection between the column and the checkboxes created on the template

if anyone could help me please, it would be appreciated

MultiSelect

answered on 22 Apr 2021